{"_id":"@dicdikshaorg/video-player-mobile-v9","_rev":"14-6718223f5a4d5a7efec843c3efbbf936","name":"@dicdikshaorg/video-player-mobile-v9","dist-tags":{"latest":"5.1.4"},"versions":{"5.1.0":{"name":"@dicdikshaorg/video-player-mobile-v9","version":"5.1.0","keywords":["sunbird","sunbird video player","project-sunbird"],"license":"MIT","_id":"@dicdikshaorg/video-player-mobile-v9@5.1.0","maintainers":[{"name":"tejaswini19","email":"tejaswini.giram@trigyn.com"},{"name":"gopesh-trigyn","email":"gopesh.sharma@trigyn.com"},{"name":"yashveer","email":"yashveer.negi@trigyn.com"},{"name":"dictrigyngroup","email":"Diksha.Leads@trigyn.com"}],"homepage":"https://github.com/project-sunbird/sunbird-video-player/blob/release-5.0.0/README.md","bugs":{"url":"https://github.com/project-sunbird/sunbird-video-player/issues"},"dist":{"shasum":"9762ad71461200fe979980d11f8fb67138d7895a","tarball":"https://registry.npmjs.org/@dicdikshaorg/video-player-mobile-v9/-/video-player-mobile-v9-5.1.0.tgz","fileCount":53,"integrity":"sha512-n+qsRzp4HYUtn18gk7UwmM2ZvaSDIwBK/PQCy1WTrbiMFYSfNQi5qhbXIbYJygD142EY3SHOa5GL2tQGKNRbqA==","signatures":[{"sig":"MEUCIQD0B792b7NRxv4BydlxCuBN3XuWGBHKzYtmQshJUQqPJwIgA0ytBmVnu1+3ADe2qAjr2X0LScnNikonCekSM4d54gk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1255048},"esm5":"esm5/dicdikshaorg-video-player-mobile-v9.js","main":"bundles/dicdikshaorg-video-player-mobile-v9.umd.js","fesm5":"fesm5/dicdikshaorg-video-player-mobile-v9.js","es2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","module":"fesm5/dicdikshaorg-video-player-mobile-v9.js","ng-add":{"save":true},"esm2015":"esm2015/dicdikshaorg-video-player-mobile-v9.js","gitHead":"7a4fcc8d3b63db1402eae439b9d4291a102a266b","typings":"dicdikshaorg-video-player-mobile-v9.d.ts","_npmUser":{"name":"tejaswini19","email":"tejaswini.giram@trigyn.com"},"fesm2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","metadata":"dicdikshaorg-video-player-mobile-v9.metadata.json","repository":{"url":"git+https://github.com/project-sunbird/sunbird-video-player.git","type":"git"},"schematics":"./schematics/collection.json","_npmVersion":"7.24.0","description":"Contains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant devel","directories":{},"sideEffects":false,"_nodeVersion":"16.10.0","dependencies":{"@dicdikshaorg/player-sdk-v9":"5.1.4"},"_hasShrinkwrap":false,"peerDependencies":{"video.js":"7.18.1","@angular/core":">= 8.0.0","@angular/common":">= 8.0.0","@types/video.js":"7.5.5","@project-sunbird/sb-styles":"0.0.7","videojs-http-source-selector":">= 1.1.6","videojs-contrib-quality-levels":">= 2.1.0","@project-sunbird/client-services":"^3.4.11","@project-sunbird/sunbird-quml-player-v9":"4.9.7"},"_npmOperationalInternal":{"tmp":"tmp/video-player-mobile-v9_5.1.0_1702552538395_0.609610742324675","host":"s3://npm-registry-packages"}},"5.1.1":{"name":"@dicdikshaorg/video-player-mobile-v9","version":"5.1.1","keywords":["sunbird","sunbird video player","project-sunbird"],"license":"MIT","_id":"@dicdikshaorg/video-player-mobile-v9@5.1.1","maintainers":[{"name":"tejaswini19","email":"tejaswini.giram@trigyn.com"},{"name":"gopesh-trigyn","email":"gopesh.sharma@trigyn.com"},{"name":"yashveer","email":"yashveer.negi@trigyn.com"},{"name":"dictrigyngroup","email":"Diksha.Leads@trigyn.com"}],"homepage":"https://github.com/project-sunbird/sunbird-video-player/blob/release-5.0.0/README.md","bugs":{"url":"https://github.com/project-sunbird/sunbird-video-player/issues"},"dist":{"shasum":"d96ddc49a8f26a31d98999eeb6a9feecfa5b7938","tarball":"https://registry.npmjs.org/@dicdikshaorg/video-player-mobile-v9/-/video-player-mobile-v9-5.1.1.tgz","fileCount":53,"integrity":"sha512-+FCeIt/GPgylvBcZfGXShjcscWKTbfJAWtkXjdutrbqmy0cbz6HxeZS24a4y5cUsMisCnvsJO0RPW8ls1M3sGg==","signatures":[{"sig":"MEUCIQC33Xjj/k5uLGJV2rJ5ZSxcLYFiHXc+VzZIj5kyFtwDsAIgXng+wnLkEQzgRkJ+RA5Hay324rew/za+QuPSa3zfKA4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1224994},"esm5":"esm5/dicdikshaorg-video-player-mobile-v9.js","main":"bundles/dicdikshaorg-video-player-mobile-v9.umd.js","fesm5":"fesm5/dicdikshaorg-video-player-mobile-v9.js","es2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","module":"fesm5/dicdikshaorg-video-player-mobile-v9.js","ng-add":{"save":true},"esm2015":"esm2015/dicdikshaorg-video-player-mobile-v9.js","gitHead":"01e571180c246edb0fab8778b5abed5e3dba811b","typings":"dicdikshaorg-video-player-mobile-v9.d.ts","_npmUser":{"name":"dictrigyngroup","email":"Diksha.Leads@trigyn.com"},"fesm2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","metadata":"dicdikshaorg-video-player-mobile-v9.metadata.json","repository":{"url":"git+https://github.com/project-sunbird/sunbird-video-player.git","type":"git"},"schematics":"./schematics/collection.json","_npmVersion":"8.11.0","description":"Contains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant devel","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@dicdikshaorg/player-sdk-v9":"5.1.4"},"_hasShrinkwrap":false,"peerDependencies":{"video.js":"7.18.1","@angular/core":">= 8.0.0","@angular/common":">= 8.0.0","@types/video.js":"7.5.5","@project-sunbird/sb-styles":"0.0.7","videojs-http-source-selector":">= 1.1.6","videojs-contrib-quality-levels":">= 2.1.0","@project-sunbird/client-services":"^3.4.11","@project-sunbird/sunbird-quml-player-v9":"4.9.7"},"_npmOperationalInternal":{"tmp":"tmp/video-player-mobile-v9_5.1.1_1715620909722_0.19541143282624862","host":"s3://npm-registry-packages"}},"5.1.2":{"name":"@dicdikshaorg/video-player-mobile-v9","version":"5.1.2","keywords":["sunbird","sunbird video player","project-sunbird"],"license":"MIT","_id":"@dicdikshaorg/video-player-mobile-v9@5.1.2","maintainers":[{"name":"akash.trigyn","email":"akash.jaiswal@trigyn.com"},{"name":"sayalimore1610","email":"sayali.more@trigyn.com"},{"name":"shailendra123","email":"Shailendra.Pratap@trigyn.com"},{"name":"tejaswini19","email":"tejaswini.giram@trigyn.com"},{"name":"yashveer","email":"yashveer.negi@trigyn.com"},{"name":"dictrigyngroup","email":"Diksha.Leads@trigyn.com"}],"homepage":"https://github.com/project-sunbird/sunbird-video-player/blob/release-5.0.0/README.md","bugs":{"url":"https://github.com/project-sunbird/sunbird-video-player/issues"},"dist":{"shasum":"3cec5e6ead2b2e22d1d7d5f1117510e280e0f5ed","tarball":"https://registry.npmjs.org/@dicdikshaorg/video-player-mobile-v9/-/video-player-mobile-v9-5.1.2.tgz","fileCount":65,"integrity":"sha512-8I4oD93zz0zy+2lN5YHUozaTdhiZi7ePUDSctr+lJx2jyhTcgkBvww6VSbiRNVNhlcmq/h5JuB9kuNxPsWfc9w==","signatures":[{"sig":"MEUCIQDmf4PQl4cvH/hkLXQRSx2u/B5exaTo9Gnrivq4pSn3hgIgYfkUXR5ykI0BoOjjbJcUOkm0ca2E/RKdUhCXNZdZd0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1181319},"esm5":"esm5/dicdikshaorg-video-player-mobile-v9.js","main":"bundles/dicdikshaorg-video-player-mobile-v9.umd.js","fesm5":"fesm5/dicdikshaorg-video-player-mobile-v9.js","es2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","module":"fesm5/dicdikshaorg-video-player-mobile-v9.js","ng-add":{"save":true},"esm2015":"esm2015/dicdikshaorg-video-player-mobile-v9.js","typings":"dicdikshaorg-video-player-mobile-v9.d.ts","_npmUser":{"name":"sayalimore1610","email":"sayali.more@trigyn.com"},"fesm2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","metadata":"dicdikshaorg-video-player-mobile-v9.metadata.json","repository":{"url":"git+https://github.com/project-sunbird/sunbird-video-player.git","type":"git"},"schematics":"./schematics/collection.json","_npmVersion":"6.14.18","description":"Contains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant devel","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"@dicdikshaorg/player-sdk-v9":"5.1.4"},"_hasShrinkwrap":false,"peerDependencies":{"video.js":"7.18.1","@angular/core":">= 8.0.0","@angular/common":">= 8.0.0","@types/video.js":"7.5.5","@project-sunbird/sb-styles":"0.0.7","videojs-http-source-selector":">= 1.1.6","videojs-contrib-quality-levels":">= 2.1.0","@project-sunbird/client-services":"^3.4.11","@project-sunbird/sunbird-quml-player-v9":"4.9.7"},"_npmOperationalInternal":{"tmp":"tmp/video-player-mobile-v9_5.1.2_1721907596013_0.45971326061228024","host":"s3://npm-registry-packages"}},"5.1.3":{"name":"@dicdikshaorg/video-player-mobile-v9","version":"5.1.3","keywords":["sunbird","sunbird video player","project-sunbird"],"license":"MIT","_id":"@dicdikshaorg/video-player-mobile-v9@5.1.3","maintainers":[{"name":"akash.trigyn","email":"akash.jaiswal@trigyn.com"},{"name":"sayalimore1610","email":"sayali.more@trigyn.com"},{"name":"shailendra123","email":"Shailendra.Pratap@trigyn.com"},{"name":"tejaswini19","email":"tejaswini.giram@trigyn.com"},{"name":"yashveer","email":"yashveer.negi@trigyn.com"},{"name":"dictrigyngroup","email":"Diksha.Leads@trigyn.com"}],"homepage":"https://github.com/project-sunbird/sunbird-video-player/blob/release-5.0.0/README.md","bugs":{"url":"https://github.com/project-sunbird/sunbird-video-player/issues"},"dist":{"shasum":"2026fcb0cfda0d3351705c480085f82754635d20","tarball":"https://registry.npmjs.org/@dicdikshaorg/video-player-mobile-v9/-/video-player-mobile-v9-5.1.3.tgz","fileCount":53,"integrity":"sha512-p1xFhmzvbOVr4ehG4ulliej5FrpW8tdUivx66fGJuS+T+OefLGuSdIjGzRPGK8OpWsXPdCK46R1pWufyZlY8Pw==","signatures":[{"sig":"MEYCIQC/S1A7PRR7fiN8Hw1hLW9z28em2huoHK863Y7Kvllp/wIhANEskXYhnRo71S2/qO2Ti6cwP1729H40tVKz1M5Olzep","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1228233},"esm5":"esm5/dicdikshaorg-video-player-mobile-v9.js","main":"bundles/dicdikshaorg-video-player-mobile-v9.umd.js","fesm5":"fesm5/dicdikshaorg-video-player-mobile-v9.js","es2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","module":"fesm5/dicdikshaorg-video-player-mobile-v9.js","ng-add":{"save":true},"esm2015":"esm2015/dicdikshaorg-video-player-mobile-v9.js","typings":"dicdikshaorg-video-player-mobile-v9.d.ts","_npmUser":{"name":"sayalimore1610","email":"sayali.more@trigyn.com"},"fesm2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","metadata":"dicdikshaorg-video-player-mobile-v9.metadata.json","repository":{"url":"git+https://github.com/project-sunbird/sunbird-video-player.git","type":"git"},"schematics":"./schematics/collection.json","_npmVersion":"6.14.18","description":"Contains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant devel","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"@dicdikshaorg/player-sdk-v9":"5.1.4"},"_hasShrinkwrap":false,"peerDependencies":{"video.js":"7.18.1","@angular/core":">= 8.0.0","@angular/common":">= 8.0.0","@types/video.js":"7.5.5","@project-sunbird/sb-styles":"0.0.7","videojs-http-source-selector":">= 1.1.6","@dicdikshaorg/client-services":"4.8.15","videojs-contrib-quality-levels":">= 2.1.0","@project-sunbird/sunbird-quml-player-v9":"4.9.7"},"_npmOperationalInternal":{"tmp":"tmp/video-player-mobile-v9_5.1.3_1721967570216_0.5072244546612832","host":"s3://npm-registry-packages"}},"5.1.4":{"name":"@dicdikshaorg/video-player-mobile-v9","version":"5.1.4","keywords":["sunbird","sunbird video player","project-sunbird"],"license":"MIT","_id":"@dicdikshaorg/video-player-mobile-v9@5.1.4","maintainers":[{"name":"satyadiksha","email":"satyanarayana.khaja@trigyn.com"},{"name":"bharathrajjv","email":"bharath.raj@trigyn.com"},{"name":"dictrigyngroup","email":"Diksha.Leads@trigyn.com"},{"name":"yashveer","email":"yashveer.negi@trigyn.com"},{"name":"tejaswini19","email":"tejaswini.giram@trigyn.com"},{"name":"purushottam_trigyn","email":"purushotam.kumar@trigyn.com"},{"name":"shailendra123","email":"Shailendra.Pratap@trigyn.com"},{"name":"sayalimore1610","email":"sayali.more@trigyn.com"},{"name":"akash.trigyn","email":"akash.jaiswal@trigyn.com"},{"name":"trigynby","email":"baijanti.yadav@trigyn.com"}],"homepage":"https://github.com/project-sunbird/sunbird-video-player/blob/release-5.0.0/README.md","bugs":{"url":"https://github.com/project-sunbird/sunbird-video-player/issues"},"dist":{"shasum":"619822e2d03e9dfe068adece6bc60f9a251505f3","tarball":"https://registry.npmjs.org/@dicdikshaorg/video-player-mobile-v9/-/video-player-mobile-v9-5.1.4.tgz","fileCount":53,"integrity":"sha512-7BInk5WkESeZuL8OY/I5Sq2on7+qf1q125kiIHHe6M78du1hzc9jmCq8nBW8SNFspbgl3Oopptouo1ruHCXPGw==","signatures":[{"sig":"MEQCIHbsMTrdraciCvvNDZFaKdv7H8IBxF5y0ym1XL4PvrYvAiAztf8LnWiZJi7JGHzswxamQCj04FdX0r/iJiqYjS1ahQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1246300},"esm5":"esm5/dicdikshaorg-video-player-mobile-v9.js","main":"bundles/dicdikshaorg-video-player-mobile-v9.umd.js","fesm5":"fesm5/dicdikshaorg-video-player-mobile-v9.js","es2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","module":"fesm5/dicdikshaorg-video-player-mobile-v9.js","ng-add":{"save":true},"esm2015":"esm2015/dicdikshaorg-video-player-mobile-v9.js","typings":"dicdikshaorg-video-player-mobile-v9.d.ts","_npmUser":{"name":"sayalimore1610","email":"sayali.more@trigyn.com"},"fesm2015":"fesm2015/dicdikshaorg-video-player-mobile-v9.js","metadata":"dicdikshaorg-video-player-mobile-v9.metadata.json","repository":{"url":"git+https://github.com/project-sunbird/sunbird-video-player.git","type":"git"},"schematics":"./schematics/collection.json","_npmVersion":"6.14.18","description":"Contains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant devel","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"@dicdikshaorg/player-sdk-v9":"5.1.4"},"_hasShrinkwrap":false,"peerDependencies":{"video.js":"7.18.1","@angular/core":">= 8.0.0","@angular/common":">= 8.0.0","@types/video.js":"7.5.5","@project-sunbird/sb-styles":"0.0.7","videojs-http-source-selector":">= 1.1.6","videojs-contrib-quality-levels":">= 2.1.0","@project-sunbird/client-services":"^3.4.11","@project-sunbird/sunbird-quml-player-v9":"4.9.7"},"_npmOperationalInternal":{"tmp":"tmp/video-player-mobile-v9_5.1.4_1735901057661_0.12814464141134763","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2023-12-14T11:15:38.331Z","modified":"2025-04-04T05:06:58.565Z","5.1.0":"2023-12-14T11:15:38.690Z","5.1.1":"2024-05-13T17:21:50.029Z","5.1.2":"2024-07-25T11:39:56.277Z","5.1.3":"2024-07-26T04:19:30.768Z","5.1.4":"2025-01-03T10:44:17.859Z"},"bugs":{"url":"https://github.com/project-sunbird/sunbird-video-player/issues"},"license":"MIT","homepage":"https://github.com/project-sunbird/sunbird-video-player/blob/release-5.0.0/README.md","keywords":["sunbird","sunbird video player","project-sunbird"],"repository":{"url":"git+https://github.com/project-sunbird/sunbird-video-player.git","type":"git"},"description":"Contains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant devel","maintainers":[{"email":"satyanarayana.khaja@trigyn.com","name":"satyadiksha"},{"email":"bharath.raj@trigyn.com","name":"bharathrajjv"},{"email":"Diksha.Leads@trigyn.com","name":"dictrigyngroup"},{"email":"yashveer.negi@trigyn.com","name":"yashveer"},{"email":"tejaswini.giram@trigyn.com","name":"tejaswini19"},{"email":"purushotam.kumar@trigyn.com","name":"purushottam_trigyn"},{"email":"Shailendra.Pratap@trigyn.com","name":"shailendra123"},{"email":"sayali.more@trigyn.com","name":"sayalimore1610"},{"email":"baijanti.yadav@trigyn.com","name":"trigynby"},{"email":"bhoopendra.modanwal@trigyn.com","name":"bmodanwal"}],"readme":"# Video player library for Sunbird platform!\nContains Video player library components powered by angular. These components are designed to be used in sunbird consumption platforms *(mobile app, web portal, offline desktop app)* to drive reusability, maintainability hence reducing the redundant development effort significantly.\n\n# Getting Started\nFor help getting started with a new Angular app, check out the Angular CLI.\nFor existing apps, follow these steps to begin using .\n\n## Step 1: Install the packages\n\n    npm install @project-sunbird/sunbird-video-player-v9 --save\n    npm install @project-sunbird/sunbird-quml-player-v9 --save\n    npm install @project-sunbird/sb-styles --save\n    npm install @project-sunbird/client-services --save\n    npm install lodash-es --save\n    npm install ngx-bootstrap --save\n    npm install jquery --save\n    npm install video.js --save\n    npm install videojs-contrib-quality-levels --save\n    npm install videojs-http-source-selector --save\n\n## Step 2: Include the styles, scripts and assets in angular.json\n    \"styles\": [\n    ...\n    ...\n    \"src/styles.css\",\n    \"./node_modules/@project-sunbird/sb-styles/assets/_styles.scss\",\n    \"./node_modules/video.js/dist/video-js.min.css\",\n    \"./node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs.markers.min.css\",\n    \"./node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.css\"\n    ],\n    \"scripts\": [\n    ...\n    ...\n    \"node_modules/jquery/dist/jquery.min.js\",\n    \"node_modules/video.js/dist/video.js\",\n    \"node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs-markers.js\",\n    \"node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js\",\n    \"node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.min.js\"\n    ]\n\n  Add following under architect.build.assets\n\n     {\n\t    ...\n\t    \"build\": {\n\t    \n\t    \"builder\": \"@angular-devkit/build-angular:browser\",\n\t    \n\t    \"options\": {\n\t\t    ...\n\t\t    ...\n    \n\t\t    \"assets\": [\n\t\t    \n\t\t\t   ...\n\t\t\t   ...\n\t\t\t    \n\t\t\t    {\n\t\t\t\t    \"glob\": \"**/*.*\",\n\t\t\t\t    \"input\": \"./node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/\",\n\t\t\t\t    \"output\": \"/assets/\"\n\t\t\t    }\n\t\t    \n\t\t    ],\n    \n\t    \"styles\": [\n\t    \n\t    ...\n\t    \n\t    \"./node_modules/@project-sunbird/sb-styles/assets/_styles.scss\",\n\t    \"./node_modules/video.js/dist/video-js.min.css\",\n        \"./node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs.markers.min.css\",\n        \"./node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.css\"\n\t    ],\n\t    \"scripts\": [\n         ...\n         \"node_modules/jquery/dist/jquery.min.js\",\n         \"node_modules/video.js/dist/video.js\",\n         \"node_modules/@project-sunbird/sunbird-video-player-v9/lib/assets/videojs-markers.js\",\n         \"node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js\",\n         \"node_modules/videojs-http-source-selector/dist/videojs-http-source-selector.min.js\",\n         \"dist/sunbird-video-player/lib/assets/videojs-transcript-click.min.js\"\n         ]\n\t    ...\n\t    ...\n    \n    },\n\n  \n\n## Step 3: Import the modules and components\nImport the NgModule where you want to use. Also create a [question-cursor-implementation.service](../../src/app/question-cursor-implementation.service.ts)\n       \n    import { SunbirdVideoPlayerModule } from '@project-sunbird/sunbird-video-player-v9';\n    import { QuestionCursor } from '@project-sunbird/sunbird-quml-player-v9';\n    import { QuestionCursorImplementationService } from './question-cursor-implementation.service';\n\n    \n    @NgModule({\n\t    ...\n\t    \n\t    imports: [SunbirdVideoPlayerModule],\n\t    providers: [{ provide: QuestionCursor, useClass: QuestionCursorImplementationService }],\n\t    \n\t    ...\n    })\n\n  \n    export class TestAppModule { }\n\n## Step 4: Send input to render Video player\n\nUse the mock config in your component to send input to Video player\nClick to see the mock - [playerConfig](../../src/app/data.ts)\n\n## Player config\n```js\nvar playerConfig = {\n  \"context\": {\n    \"mode\": \"play\",  // To identify preview used by the user to play/edit/preview\n    \"authToken\": \"\", // Auth key to make  api calls\n    \"sid\": \"7283cf2e-d215-9944-b0c5-269489c6fa56\", // User sessionid on portal or mobile \n    \"did\": \"3c0a3724311fe944dec5df559cc4e006\", // Unique id to identify the device or browser \n    \"uid\": \"anonymous\", // Current logged in user id\n    \"channel\": \"505c7c48ac6dc1edc9b08f21db5a571d\", // Unique id of the channel(Channel ID)\n    \"pdata\": {\n      \"id\": \"sunbird.portal\", // Producer ID. For ex: For sunbird it would be \"portal\" or \"genie\"\n      \"ver\": \"3.2.12\", // Version of the App\n      \"pid\": \"sunbird-portal.contentplayer\" // Optional. In case the component is distributed, then which instance of that component\n    },\n    \"contextRollup\": { // Defines the content roll up data\n      \"l1\": \"505c7c48ac6dc1edc9b08f21db5a571d\"\n    },\n    \"tags\": [ // Defines the tags data\n      \"\"\n    ],\n    \"cdata\": [], // Defines correlation data\n    \"timeDiff\": 0,  // Defines the time difference\n    \"objectRollup\": {}, // Defines the object roll up data\n    \"host\": \"\", // Defines the from which domain content should be load\n    \"endpoint\": \"\", // Defines the end point\n    \"userData\": {  // Defines the user data firstname & lastname\n      \"firstName\": \"\",\n      \"lastName\": \"\"\n    }\n  },\n  \"config\": { \n\t\"traceId\": \"afhjgh\", // Defines trace id\n    \"sideMenu\": { \n      \"showShare\": true,    // show/hide share button in side menu. default value is true\n      \"showDownload\": true, // show/hide download button in side menu. default value is true\n      \"showReplay\": true, // show/hide replay button in side menu. default value is true\n      \"showExit\": true,   // show/hide exit button in side menu. default value is true\n    },\n       // tslint:disable-next-line:max-line-length\n    \"transcripts\": [] // for default selection we need this , ex: ['kn', 'en'] the last element in the array will be used for default selection and no need of default selection than no need send this in config or send empty array [] or ['off'] \n  },\n  \"metadata\": { // Content metadata json object (from API response take -> response.result.content)\n  \"transcripts\": [] // Defines the details of the transcripts data array and each object in array conatins details of language,languageCode, identifier, artifactUrl of each transcript\n  }, \n} \n\n```\n## Telemetry property description\n|Property Name| Description| Default Value\n|--|----------------------|--|\n| `context` | It is an `object` it contains the `uid`,`did`,`sid`,`mode` etc., these will be logged inside the telemetry  | ```{}``` |\n| `mode` | It is  `string` to identify preview used by the user to play/edit/preview | ```play```|\n| `authToken` | It is  `string` and Auth key to make  api calls | ```''```|\n| `sid` | It is  `string` and User sessionid on portal or mobile | ```''```|\n| `did` | It is  `string` and Unique id to identify the device or browser| ```''```|\n| `uid` | It is  `string` and Current logged in user id| ```''```|\n| `channel` | It is `string` which defines channel identifier to know which channel is currently using.| `in.sunbird` |\n| `pdata` | It is an `object` which defines the producer information it should have identifier and version and canvas will log in the telemetry| ```{'id':'in.sunbird', 'ver':'1.0'}```|\n| `contextRollup` | It is an `object` which defines content roll up data | ```{}```|\n| `tags` | It is an `array` which defines the tag data | ```[]```|\n| `objectRollup` | It is an `object` which defines object rollup data | ```{}```|\n| `host` | It is  `string` which defines the from which domain content should be load|```window.location.origin```  |\n| `userData` | It is an `object` which defines user data | ```{}```|\n| `cdata` | It is an `array` which defines the correlation data | ```[]```|\n\n## Config property description\n|Property Name| Description| Default Value\n|--|----------------------|--|\n| `config` | It is an `object` it contains the `sideMenu`, these will be used to configure the canvas  | ```{ traceId: \"12345\", sideMenu: {\"showShare\": true, \"showDownload\": true, \"showReplay\": true, \"showExit\": true}}``` |\n| `config.traceId` | It is  `string` which defines the trace id | ```''```|\n| `config.sideMenu.showShare` | It is  `boolean` to show/hide share button in side menu| ```true```|\n| `config.sideMenu.showDownload` | It is  `boolean` to show/hide download button in side menu| ```true```|\n| `config.sideMenu.showReplay` | It is  `boolean` to show/hide replay button in side menu| ```true```|\n| `config.sideMenu.showExit` | It is  `boolean` to show/hide exit button in side menu| ```true```|\n| `config.transcripts` | It is  `Array` which defines the transcripts default selection details| ```[]```|\n| `metadata` | It is an `object` which defines content metadata json object (from API response take -> response.result.content) | ```{}```|\n| `metadata.transcripts` | It is  `Array` which is having the details of the transcripts data | ```[]```|\n\n## Available components\n|Feature| Notes| Selector|Code|Input|Output\n|--|--|--|------------------------------------------------------------------------------------------|---|--|\n| Video Player | Can be used to render videos | sunbird-video-player| *`<sunbird-video-player [playerConfig]=\"playerConfig\"><sunbird-video-player>`*|playerConfig|playerEvent, telemetryEvent|\n\n## Use as web components\t\n\nImport this library in any web application and use the custom component.\n\nFollow below-mentioned steps to use it in plain javascript project:\n\n- Insert [library](https://github.com/project-sunbird/sunbird-video-player/blob/release-4.3.0/web-component/sunbird-video-player.js) as below:\n\t```javascript\n\t<script type=\"text/javascript\" src=\"sunbird-video-player.js\"></script>\n\t```\n- Create a asset folder and copy all the files from [here](https://github.com/project-sunbird/sunbird-video-player/tree/release-4.3.0/web-component/assets), library requires these assets internally to work well.\n- Get sample playerConfig from here: [playerConfig](https://github.com/project-sunbird/sunbird-video-player/blob/release-4.3.0/src/app/data.ts)\n\n- Pass the QuestionListAPI baseUrl for eg. \n\t```javascript\n    window.questionListUrl = 'https://staging.sunbirded.org/api/question/v1/list';\n    window.questionSetBaseUrl = 'https://staging.sunbirded.org/api/questionset';\n    ```\n  \n- Create a custom html element: `sunbird-video-player`\n\t```javascript\n    const  videoElement = document.createElement('sunbird-video-player');\n   ```\n\n- Pass data using `player-config`\n\t```javascript\n\tvideoElement.setAttribute('player-config', JSON.stringify(playerConfig));\n\t```\n\n\t**Note:** Attribute should be in **string** type\n\n- Listen for the output events: **playerEvent** and **telemetryEvent**\n\n\t```javascript\n\tvideoElement.addEventListener('playerEvent', (event) => {\n\t\tconsole.log(\"On playerEvent\", event);\n\t});\n\tvideoElement.addEventListener('telemetryEvent', (event) => {\n\t\tconsole.log(\"On telemetryEvent\", event);\n\t});\n\t```\n- Append this element to existing element\n\t```javascript\n\tconst  myPlayer = document.getElementById(\"my-player\");\n\tmyPlayer.appendChild(qumlPlayerElement);\n\t```\n- Refer demo [example](https://github.com/project-sunbird/sunbird-video-player/blob/release-4.3.0/web-component/index.html)\n","readmeFilename":"README.md"}