npmpackage.info

Gathering detailed insights and metrics for sirv-media-viewer

Other packages similar to sirv-media-viewer

ng-sirv-media-viewer

1.0.0-beta.26

Module for Sirv Media Viewer by Angular

sirv-media-viewer-script

1.0.5

Add Sirv Media Viewer script to page

vue-js-sirv-viewer

1.1.1

Sirv Media Viewer for Vue.js

@sirv/sirvjs-vue

1.0.9

Vue components for Sirv.js

sirv-media-viewer

1.0.0-beta.22

TypeScript

1.80 kB

476

Installations

npm install sirv-media-viewer

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

16.15.1

NPM Version

8.11.0 Score

69.6

Supply Chain

81.4

Quality

75.3

Maintenance

100

Vulnerability

98.9

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Angular Sirv Media Viewer

v1.0.0-beta.26

Updated on Jun 23, 2022

Angular Sirv Media Viewer

v1.0.0-beta.25

Updated on Jun 13, 2022

Angular Sirv Media Viewer

v1.0.0-beta.24

Updated on Jun 13, 2022

Angular Sirv Media Viewer

v1.0.0-beta.23

Updated on Jun 13, 2022

Angular Sirv Media Viewer

v1.0.0-beta.22

Updated on Jun 13, 2022

Angular Sirv Media Viewer

v1.0.0-beta.21

Updated on Jun 10, 2022

View All 26 releases

Contributors

Unable to fetch Contributors

View All 1 Contributors

Languages

TypeScript

HTML

JavaScript

CSS

TypeScript (59.57%)

HTML (32%)

JavaScript (4.73%)

CSS (3.7%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

AlexandrPonomarenko

Download Statistics

Total Downloads

476

Last Day

Last Week

Last Month

Last Year

336

GitHub Statistics

84 Commits

1 Watchers

4 Branches

1 Contributors

Updated on May 11, 2022

Bundle Size

5.29 kB

Minified

1.80 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.0-beta.22

Package Id

sirv-media-viewer@1.0.0-beta.22

Unpacked Size

99.75 kB

Size

18.18 kB

File Count

NPM Version

8.11.0

Node Version

16.15.1

Total Downloads

Cumulative downloads

Total Downloads

476

Last Day

Compared to previous day

Last Week

-11.1%

Compared to previous week

Last Month

133.3%

Compared to previous month

Last Year

360.3%

336

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Peer Dependencies

@angular/common @angular/core

Angular Sirv Media Viewer

Easy to use, highly customizable Angular Sirv Media Viewer library.

Copy and paste this script anywhere in your HTML, usually before </head>

<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script>

install

npm install ng-sirv-media-viewer

register as plugin

import { SirvMediaViewerModule } from 'sirv-media-viewer';

@NgModule({
    declarations: [ ... ],
    imports: [ SirvMediaViewerModule ],
    providers: [...],
    bootstrap: [ ... ]
})

basic usage

<sirv-media-viewer
    id='...'
    data-src='...'
    data-options="fullscreen.enable:false;"
    [slides]="[
        'https://demo.sirv.com/demo/snug/teal-b-throw.jpg',
        'https://demo.sirv.com/demo/snug/teal.spin',
        {
            src: 'https://demo.sirv.com/demo/snug/unpacked.jpg',
            type: 'image'
        }
    ]"
></sirv-media-viewer>

id - viewer id
data-src - using for *.view files, overrides :slides
data-options - viewer options
[slides] - Array with slide sources. Sources can be String or Object. String can be just url link Object has additional props:
- id - Slide id [String]
- src - Source [String]
- dataOptions - Local slide options [Object]
- type - Type of slide [String]. The available props are: spin, zoom, image, youtube, vimeo, video, html
- dataThumbnailImage - Custom thumbnail image [String]
- dataThumbnailHtml - Custom thumbnail html [String]
- dataDisabled - Disable slide [Boolean]
- dataSwipeDisabled - Disable slide swipe [Boolean]
- dataHiddenSelector - Hide selector [Boolean]
- dataPinned - Pinned selector [String]. The available props are: left, right
- staticImage - Static image [Boolean].

Examples

Sirv Media Viewer documentation

No vulnerabilities found.

No security vulnerabilities found.