{"_id":"videojs-quality-selector-hls","_rev":"2-4e499c620b63ee3bd378449433928588","name":"videojs-quality-selector-hls","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"videojs-quality-selector-hls","version":"1.0.0","description":"This is a Plugin For VideoJS 8+ To select Quality on the Video if available","main":"cjs/plugin.js","module":"es/plugin.js","browser":"dist/videojs-quality-selector-hls.js","generator-videojs-plugin":{"version":"9.0.0"},"scripts":{"build":"npm-run-all -s clean -p build:*","build-prod":"cross-env-shell NO_TEST_BUNDLE=1 'npm run build'","build-test":"cross-env-shell TEST_BUNDLE_ONLY=1 'npm run build'","build:cjs":"babel-config-cjs -d ./cjs ./src","build:css":"postcss -o dist/videojs-quality-selector-hls.css --config scripts/postcss.config.js src/plugin.css","build:es":"babel-config-es -d ./es ./src","build:js":"rollup -c scripts/rollup.config.js","clean":"shx rm -rf ./dist ./test/dist ./cjs ./es && shx mkdir -p ./dist ./test/dist ./cjs ./es","docs":"npm-run-all docs:*","docs:api":"jsdoc src -r -d docs/api","docs:toc":"doctoc --notitle README.md","lint":"vjsstandard","server":"karma start scripts/karma.conf.js --singleRun=false --auto-watch","start":"npm-run-all -p server watch","test":"npm-run-all lint build-test && karma start scripts/karma.conf.js","posttest":"shx cat test/dist/coverage/text.txt","update-changelog":"conventional-changelog -p videojs -i CHANGELOG.md -s","preversion":"npm test","version":"is-prerelease || npm run update-changelog && git add CHANGELOG.md","watch":"npm-run-all -p watch:*","watch:cjs":"npm run build:cjs -- -w","watch:css":"npm run build:css -- -w","watch:es":"npm run build:es -- -w","watch:js":"npm run build:js -- -w","prepublishOnly":"npm-run-all build-prod && vjsverify --verbose --skip-es-check"},"engines":{"node":">=14","npm":">=6"},"keywords":["videojs","videojs-plugin"],"author":{"name":"Tomexsans Evaristo","email":"t2t.exe@gmail.com"},"license":"MIT","vjsstandard":{"ignore":["es","cjs","dist","docs","test/dist"]},"husky":{"hooks":{"pre-commit":"lint-staged","pre-push":"npm run test"}},"lint-staged":{"*.js":"vjsstandard --fix","README.md":"doctoc --notitle"},"dependencies":{"global":"^4.4.0","video.js":"^8","videojs-contrib-quality-levels":"^4.0.0"},"devDependencies":{"@babel/cli":"^7.14.3","@babel/runtime":"^7.14.0","@videojs/babel-config":"^0.2.0","@videojs/generator-helpers":"~3.0.0","jsdoc":"~3.6.7","karma":"^6.3.2","postcss":"^8.3.0","postcss-cli":"^8.3.1","rollup":"^2.50.3","sinon":"^9.1.0","videojs-generate-karma-config":"~8.0.0","videojs-generate-postcss-config":"~3.0.0","videojs-generate-rollup-config":"~7.0.1","videojs-generator-verify":"~4.0.0","videojs-standard":"^9.0.0"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/tomexsans/videojs-quality-selector-hls.git"},"bugs":{"url":"https://github.com/tomexsans/videojs-quality-selector-hls/issues"},"homepage":"https://github.com/tomexsans/videojs-quality-selector-hls#readme","gitHead":"d2a670b394a458928660e1545efa3fd57fbef39b","_id":"videojs-quality-selector-hls@1.0.0","_nodeVersion":"19.8.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-MaKrSsqV/ERELvRPSdWu+u6XhDvAl+ckvDX/zqktAd/jq47T62ujNwYraNI5hDYXriG3Iqg+MtG6ziL5TKu6tg==","shasum":"800ed554c74260ef30b8e340c71406cde3f0f157","tarball":"https://registry.npmjs.org/videojs-quality-selector-hls/-/videojs-quality-selector-hls-1.0.0.tgz","fileCount":22,"unpackedSize":56749,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICDQNd11dpcdmC8xSqlXb3EblJhrMb8sbI9AgyxpFrOWAiBe9ueCI/6lqq/ApJYBJlaSI9pQeNf1WPouvQslwfGGgg=="}]},"_npmUser":{"name":"tomexsans","email":"t2t.exe@gmail.com"},"maintainers":[{"name":"tomexsans","email":"t2t.exe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/videojs-quality-selector-hls_1.0.0_1690454715965_0.429623509293938"},"_hasShrinkwrap":false},"1.1.0":{"name":"videojs-quality-selector-hls","version":"1.1.0","description":"This is a Plugin For VideoJS 8+ To select Quality on the Video if available","main":"cjs/plugin.js","module":"es/plugin.js","browser":"dist/videojs-quality-selector-hls.js","generator-videojs-plugin":{"version":"9.0.0"},"scripts":{"build":"npm-run-all -s clean -p build:*","build-prod":"cross-env-shell NO_TEST_BUNDLE=1 'npm run build'","build-test":"cross-env-shell TEST_BUNDLE_ONLY=1 'npm run build'","build:cjs":"babel-config-cjs -d ./cjs ./src","build:css":"postcss -o dist/videojs-quality-selector-hls.css --config scripts/postcss.config.js src/plugin.css","build:es":"babel-config-es -d ./es ./src","build:js":"rollup -c scripts/rollup.config.js","clean":"shx rm -rf ./dist ./test/dist ./cjs ./es && shx mkdir -p ./dist ./test/dist ./cjs ./es","docs":"npm-run-all docs:*","docs:api":"jsdoc src -r -d docs/api","docs:toc":"doctoc --notitle README.md","lint":"vjsstandard","server":"karma start scripts/karma.conf.js --singleRun=false --auto-watch","start":"npm-run-all -p server watch","test":"npm-run-all lint build-test && karma start scripts/karma.conf.js","posttest":"shx cat test/dist/coverage/text.txt","update-changelog":"conventional-changelog -p videojs -i CHANGELOG.md -s","preversion":"npm test","version":"is-prerelease || npm run update-changelog && git add CHANGELOG.md","watch":"npm-run-all -p watch:*","watch:cjs":"npm run build:cjs -- -w","watch:css":"npm run build:css -- -w","watch:es":"npm run build:es -- -w","watch:js":"npm run build:js -- -w","prepublishOnly":"npm-run-all build-prod && vjsverify --verbose --skip-es-check"},"engines":{"node":">=19","npm":">=9"},"keywords":["videojs","videojs-plugin"],"author":{"name":"Tomexsans Evaristo","email":"t2t.exe@gmail.com"},"license":"MIT","vjsstandard":{"ignore":["es","cjs","dist","docs","test/dist"]},"husky":{"hooks":{"pre-commit":"lint-staged","pre-push":"npm run test"}},"lint-staged":{"*.js":"vjsstandard --fix","README.md":"doctoc --notitle"},"dependencies":{"global":"^4.4.0","video.js":"^8.3.0","videojs-contrib-quality-levels":"^4.0.0"},"devDependencies":{"@babel/cli":"^7.14.3","@babel/runtime":"^7.14.0","@videojs/babel-config":"^0.2.0","@videojs/generator-helpers":"~3.0.0","jsdoc":"~3.6.7","karma":"^6.3.2","postcss":"^8.3.0","postcss-cli":"^8.3.1","rollup":"^2.50.3","sinon":"^9.1.0","videojs-generate-karma-config":"~8.0.0","videojs-generate-postcss-config":"~3.0.0","videojs-generate-rollup-config":"~7.0.1","videojs-generator-verify":"~4.0.0","videojs-standard":"^9.0.0"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/tomexsans/videojs-quality-selector-hls.git"},"bugs":{"url":"https://github.com/tomexsans/videojs-quality-selector-hls/issues"},"homepage":"https://github.com/tomexsans/videojs-quality-selector-hls#readme","gitHead":"de86f1af0476236ec202472dbce81f9ef65d13f1","_id":"videojs-quality-selector-hls@1.1.0","_nodeVersion":"19.8.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-zsUj5Gs4RhjOR2fJ25AZQn/rvK2PcMMYSwv2iQH7EctxH6vMOejRl+gX4r3jycLGOb73cxUr2bMA5YsydJRemA==","shasum":"5f72e9a5cd8ea59bcf1a6d3730d39ff74d698721","tarball":"https://registry.npmjs.org/videojs-quality-selector-hls/-/videojs-quality-selector-hls-1.1.0.tgz","fileCount":22,"unpackedSize":58751,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBUJMszxipEbTRhNTfo6fMuGOuIHCfDNmAnDQngRO8CSAiAMm7nJR14Tf4eRKFhGUWdgD5E6mtDbmY9BiHBqUCdyug=="}]},"_npmUser":{"name":"tomexsans","email":"t2t.exe@gmail.com"},"maintainers":[{"name":"tomexsans","email":"t2t.exe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/videojs-quality-selector-hls_1.1.0_1691037994331_0.7007374392974464"},"_hasShrinkwrap":false},"1.1.1":{"name":"videojs-quality-selector-hls","version":"1.1.1","description":"This is a Plugin For VideoJS 8+ To select Quality on the Video if available","main":"cjs/plugin.js","module":"es/plugin.js","browser":"dist/videojs-quality-selector-hls.js","generator-videojs-plugin":{"version":"9.0.0"},"scripts":{"build":"npm-run-all -s clean -p build:*","build-prod":"cross-env-shell NO_TEST_BUNDLE=1 'npm run build'","build-test":"cross-env-shell TEST_BUNDLE_ONLY=1 'npm run build'","build:cjs":"babel-config-cjs -d ./cjs ./src","build:css":"postcss -o dist/videojs-quality-selector-hls.css --config scripts/postcss.config.js src/plugin.css","build:es":"babel-config-es -d ./es ./src","build:js":"rollup -c scripts/rollup.config.js","clean":"shx rm -rf ./dist ./test/dist ./cjs ./es && shx mkdir -p ./dist ./test/dist ./cjs ./es","docs":"npm-run-all docs:*","docs:api":"jsdoc src -r -d docs/api","docs:toc":"doctoc --notitle README.md","lint":"vjsstandard","server":"karma start scripts/karma.conf.js --singleRun=false --auto-watch","start":"npm-run-all -p server watch","test":"npm-run-all lint build-test && karma start scripts/karma.conf.js","posttest":"shx cat test/dist/coverage/text.txt","update-changelog":"conventional-changelog -p videojs -i CHANGELOG.md -s","preversion":"npm test","version":"is-prerelease || npm run update-changelog && git add CHANGELOG.md","watch":"npm-run-all -p watch:*","watch:cjs":"npm run build:cjs -- -w","watch:css":"npm run build:css -- -w","watch:es":"npm run build:es -- -w","watch:js":"npm run build:js -- -w","prepublishOnly":"npm-run-all build-prod && vjsverify --verbose --skip-es-check"},"engines":{"node":">=18","npm":">=9"},"keywords":["videojs","videojs-plugin"],"author":{"name":"Tomexsans Evaristo","email":"t2t.exe@gmail.com"},"license":"MIT","vjsstandard":{"ignore":["es","cjs","dist","docs","test/dist"]},"husky":{"hooks":{"pre-commit":"lint-staged","pre-push":"npm run test"}},"lint-staged":{"*.js":"vjsstandard --fix","README.md":"doctoc --notitle"},"dependencies":{"global":"^4.4.0","video.js":"^8.3.0","videojs-contrib-quality-levels":"^4.0.0"},"devDependencies":{"@babel/cli":"^7.14.3","@babel/runtime":"^7.14.0","@videojs/babel-config":"^0.2.0","@videojs/generator-helpers":"~3.0.0","jsdoc":"~3.6.7","karma":"^6.3.2","postcss":"^8.3.0","postcss-cli":"^8.3.1","rollup":"^2.50.3","sinon":"^9.1.0","videojs-generate-karma-config":"~8.0.0","videojs-generate-postcss-config":"~3.0.0","videojs-generate-rollup-config":"~7.0.1","videojs-generator-verify":"~4.0.0","videojs-standard":"^9.0.0"},"directories":{"test":"test"},"repository":{"type":"git","url":"git+https://github.com/tomexsans/videojs-quality-selector-hls.git"},"bugs":{"url":"https://github.com/tomexsans/videojs-quality-selector-hls/issues"},"homepage":"https://github.com/tomexsans/videojs-quality-selector-hls#readme","gitHead":"49394c9beeeea64f27df366e7c29fdca30e5a500","_id":"videojs-quality-selector-hls@1.1.1","_nodeVersion":"19.8.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-GR7Bs/pL4nioq+jlSASqy4nUlnnmY7NnjXY6vBPlmBJA7OuYD80ceyejuCbNeaXX7cC11WOtKTeC8QBJcKuMtA==","shasum":"4120c00574306244cc7dfd351807fb75b1532e77","tarball":"https://registry.npmjs.org/videojs-quality-selector-hls/-/videojs-quality-selector-hls-1.1.1.tgz","fileCount":22,"unpackedSize":58751,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZc1ZESV4K6dhahgAZHZFBalXX8udZsRKZOzPcweoRnQIhAPLoh2NfxoCauMepJOIb1w66tTpCPPmHqdmu6mX01CvX"}]},"_npmUser":{"name":"tomexsans","email":"t2t.exe@gmail.com"},"maintainers":[{"name":"tomexsans","email":"t2t.exe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/videojs-quality-selector-hls_1.1.1_1691561340954_0.849478245673752"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-27T10:45:15.965Z","1.0.0":"2023-07-27T10:45:16.131Z","modified":"2023-08-09T06:09:01.340Z","1.1.0":"2023-08-03T04:46:34.524Z","1.1.1":"2023-08-09T06:09:01.176Z"},"maintainers":[{"name":"tomexsans","email":"t2t.exe@gmail.com"}],"description":"This is a Plugin For VideoJS 8+ To select Quality on the Video if available","homepage":"https://github.com/tomexsans/videojs-quality-selector-hls#readme","keywords":["videojs","videojs-plugin"],"repository":{"type":"git","url":"git+https://github.com/tomexsans/videojs-quality-selector-hls.git"},"author":{"name":"Tomexsans Evaristo","email":"t2t.exe@gmail.com"},"bugs":{"url":"https://github.com/tomexsans/videojs-quality-selector-hls/issues"},"license":"MIT","readme":"# videojs-quality-selector-hls\n\n[![ci](https://github.com/tomexsans/videojs-quality-selector-hls/actions/workflows/ci.yml/badge.svg)](https://github.com/tomexsans/videojs-quality-selector-hls/actions/workflows/ci.yml)\n\n\n[![codecov](https://codecov.io/gh/tomexsans/videojs-quality-selector-hls/branch/main/graph/badge.svg?token=OJXK9JBESI)](https://codecov.io/gh/tomexsans/videojs-quality-selector-hls)\n\nThis is a Plugin For VideoJS 8+ To select Quality on the Video if available\n\nThis is a complete FORK by https://github.com/chrisboustead from https://github.com/chrisboustead/videojs-hls-quality-selector\n\n\nChangelog\n\n- updated to work for VideoJS 8\n- pulled plugin source code from https://github.com/videojs/generator-videojs-plugin\n\n## Table of Contents\n\n## Dependencies\n\n`videojs-contrib-quality-levels ^4`\n\n```sh\nnpm i videojs-contrib-quality-levels\n```\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\n\n- [Installation](#installation)\n- [Usage](#usage)\n  - [`<script>` Tag](#script-tag)\n  - [Browserify/CommonJS](#browserifycommonjs)\n  - [RequireJS/AMD](#requirejsamd)\n  - [VueJS3](#vuejs3)\n- [Options](#options)\n  - [displayCurrentQuality - `boolean` - _false_](#displaycurrentquality---boolean---_false_)\n  - [placementIndex - `integer`](#placementindex---integer)\n  - [vjsIconClass `string` - _\"vjs-icon-hd\"_](#vjsiconclass-string---_vjs-icon-hd_)\n- [License](#license)\n\n<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n## Installation\n\n```sh\nnpm install --save videojs-quality-selector-hls\n```\n\n## Usage\n\nTo include videojs-quality-selector-hls on your website or web application, use any of the following methods.\n\n### `<script>` Tag\n\nThis is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include [video.js][videojs], so that the `videojs` global is available.\n\n```html\n<script src=\"//path/to/video.min.js\"></script>\n<script src=\"//path/to/videojs-quality-selector-hls.min.js\"></script>\n<script>\n  var player = videojs('my-video');\n\n  player.qualitySelectorHls();\n</script>\n```\n\n### Browserify/CommonJS\n\nWhen using with Browserify, install videojs-quality-selector-hls via npm and `require` the plugin as you would any other module.\n\n```js\nvar videojs = require('video.js');\n\n// The actual plugin function is exported by this module, but it is also\n// attached to the `Player.prototype`; so, there is no need to assign it\n// to a variable.\nrequire('videojs-quality-selector-hls');\n\nvar player = videojs('my-video');\n\nplayer.qualitySelectorHls();\n```\n\n### RequireJS/AMD\n\nWhen using with RequireJS (or another AMD library), get the script in whatever way you prefer and `require` the plugin as you normally would:\n\n```js\nrequire(['video.js', 'videojs-quality-selector-hls'], function(videojs) {\n  var player = videojs('my-video');\n\n  player.qualitySelectorHls();\n});\n```\n\n### VueJS3\n\n```js\n<script setup>\nimport 'video.js/dist/video-js.css'\nimport { ref,onMounted } from 'vue';\nimport videojs from 'video.js';\nimport 'videojs-contrib-quality-levels';\nimport qalitySelectorHls from 'videojs-quality-selector-hls'\n\nconst videoPlayer = ref(null)\n\nonMounted(()=>{\n  // In case an error where qualitySelectorHls not found\n  videojs.registerPlugin('qalitySelectorHls',qalitySelectorHls);\n  const player = videojs(videoPlayer.value)\n  player.qalitySelectorHls()\n})\n</script>\n```\n\n\n## Options\n\n### displayCurrentQuality - `boolean` - _false_\n\nSet to true to display the currently selected resolution in the menu button.  When not enabled, displayed an included VJS \"HD\" icon.\n\n### placementIndex - `integer`\n\nSet this to override the default positioning of the menu button in the control bar relative to the other components in the control bar.\n\n### vjsIconClass `string` - _\"vjs-icon-hd\"_\n\nSet this to one of the custom VJS icons ([https://videojs.github.io/font/](https://videojs.github.io/font/)) to override the icon for the menu button.\n\n\n```js\n  var player = videojs('my-video');\n\n  player.qualitySelectorHls({\n    displayCurrentQuality: true,\n    placementIndex: 2,\n    vjsIconClass: 'vjs-icon-hd'\n  });\n```\n\n\n## License\n\nMIT. Copyright (c) Tomexsans Evaristo &lt;t2t.exe@gmail.com&gt;\n\n\n[videojs]: http://videojs.com/\n","readmeFilename":"README.md"}