{"_id":"@caption-styler/caption-player","_rev":"3-3dd18e3e239b061adccf6f6708371740","name":"@caption-styler/caption-player","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@caption-styler/caption-player","version":"0.1.0","keywords":["captions","subtitles","vtt"],"author":{"name":"Joppe Koops"},"license":"SEE LICENSE IN LICENSE","_id":"@caption-styler/caption-player@0.1.0","maintainers":[{"name":"joppekoops","email":"joppe.koops@gmail.com"}],"homepage":"https://github.com/joppekoops/caption-player#readme","bugs":{"url":"https://github.com/joppekoops/caption-player/issues"},"dist":{"shasum":"7a172a69bfe7d838149b0a35859eed54dc47cc34","tarball":"https://registry.npmjs.org/@caption-styler/caption-player/-/caption-player-0.1.0.tgz","fileCount":6,"integrity":"sha512-tvSn2Gf4OnMJeAfEK5dNzXYpqN7f5lXDtWzIDp+UvHHLK2NG0fYM4ORKe5a8Mwa+CzALkkbi+vNGmwa1pH4BpA==","signatures":[{"sig":"MEUCIEtzx76Z8vqgGtIaTkFpIvHTT3nVj8HHaqQc7cmOQkVjAiEA/SHTM33jXN0tf0weEjHNrf3FQWYwEBKFPFUYn0Sd1K0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11957},"main":"./dist/caption-player.umd.js","type":"module","module":"./dist/caption-player.es.js","exports":{".":{"import":"./dist/caption-player.es.js","require":"./dist/caption-player.umd.js"}},"gitHead":"20c97760ea8188f52196fc1ceaf47eb7718bf62e","private":false,"scripts":{"dev":"vite","build":"tsc && vite build","prepublish":"rm -rf ./dist && npm run build"},"_npmUser":{"name":"joppekoops","email":"joppe.koops@gmail.com"},"repository":{"url":"git+https://github.com/joppekoops/caption-player.git","type":"git"},"_npmVersion":"10.9.2","description":"A player for vtt captions made with Caption Styler","directories":{},"_nodeVersion":"22.13.1","publishConfig":{"registry":"https://npm.pkg.github.com"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3"},"_npmOperationalInternal":{"tmp":"tmp/caption-player_0.1.0_1748612651031_0.38977580974045","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@caption-styler/caption-player","version":"0.1.1","keywords":["captions","subtitles","vtt"],"author":{"name":"Joppe Koops"},"license":"SEE LICENSE IN LICENSE","_id":"@caption-styler/caption-player@0.1.1","maintainers":[{"name":"joppekoops","email":"joppe.koops@gmail.com"}],"homepage":"https://github.com/joppekoops/caption-player#readme","bugs":{"url":"https://github.com/joppekoops/caption-player/issues"},"dist":{"shasum":"a012aa7fe8cf686e38c7a175d4eb6a5bd2ec6393","tarball":"https://registry.npmjs.org/@caption-styler/caption-player/-/caption-player-0.1.1.tgz","fileCount":6,"integrity":"sha512-OYtIQR7v8aNqIfo3m+jDyXuYO1fAU8Z0TU+ad/OzJb7DgBAbbiYZPSXYl8QUsMEamcbouHpijniQyu3kjkLErg==","signatures":[{"sig":"MEUCIDyu3AIPBdeelp9BseRsx2rck8nxRze2rlk97vD22wA9AiEAyCjvyAbWpG9MnufNJkd9liJTPCLUnDfAE8j0gA60yw8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12150},"main":"./dist/caption-player.umd.js","type":"module","module":"./dist/caption-player.es.js","exports":{".":{"import":"./dist/caption-player.es.js","require":"./dist/caption-player.umd.js"},"./styles.css":"./dist/caption-player.css"},"gitHead":"1853e723c49bfac16243e0e58d58f36caba02234","private":false,"scripts":{"dev":"vite","build":"tsc && vite build","prepublish":"rm -rf ./dist && npm run build"},"_npmUser":{"name":"joppekoops","email":"joppe.koops@gmail.com"},"repository":{"url":"git+https://github.com/joppekoops/caption-player.git","type":"git"},"_npmVersion":"10.9.2","description":"A player for vtt captions made with Caption Styler","directories":{},"_nodeVersion":"22.13.1","publishConfig":{"registry":"https://npm.pkg.github.com"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","typescript":"~5.8.3"},"_npmOperationalInternal":{"tmp":"tmp/caption-player_0.1.1_1748615546248_0.14790993068988967","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@caption-styler/caption-player","description":"A player for vtt captions made with Caption Styler","author":{"name":"Joppe Koops"},"keywords":["captions","subtitles","vtt"],"license":"SEE LICENSE IN LICENSE","private":false,"version":"0.1.2","type":"module","main":"./dist/caption-player.umd.js","module":"./dist/caption-player.es.js","repository":{"type":"git","url":"git+https://github.com/joppekoops/caption-player.git"},"exports":{".":{"import":"./dist/caption-player.es.js","require":"./dist/caption-player.umd.js"},"./styles.css":"./dist/caption-player.css"},"publishConfig":{"registry":"https://npm.pkg.github.com"},"scripts":{"dev":"vite","build":"tsc && vite build","prepublish":"rm -rf ./dist && npm run build"},"devDependencies":{"typescript":"~5.8.3","vite":"^6.3.5"},"_id":"@caption-styler/caption-player@0.1.2","gitHead":"0292c7799a73ad2e175adfe55e6389eb40e27c29","bugs":{"url":"https://github.com/joppekoops/caption-player/issues"},"homepage":"https://github.com/joppekoops/caption-player#readme","_nodeVersion":"22.13.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-H8TFc9GXk46J7BSZxsIWgCKX2v2P2FbMeDK2lzpygpCTxHqdsprJlelqprb+lHpipz/mBGZs0L96g0GU5Qivqw==","shasum":"a5eed6df0418b095a4d243ab161e4f79e8f9ab23","tarball":"https://registry.npmjs.org/@caption-styler/caption-player/-/caption-player-0.1.2.tgz","fileCount":6,"unpackedSize":12157,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDWzus6G/4WMxx6XYY7o4NltzRSWk2Y8VfT9zzbFymI7AIhAKv0qHqbEAZ3ronAiFnK1fjlGlcwjctbAiYk0blUmFiJ"}]},"_npmUser":{"name":"joppekoops","email":"joppe.koops@gmail.com"},"directories":{},"maintainers":[{"name":"joppekoops","email":"joppe.koops@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/caption-player_0.1.2_1748615884441_0.8474132166384156"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-30T13:44:10.907Z","modified":"2025-05-30T14:38:04.809Z","0.1.0":"2025-05-30T13:44:11.176Z","0.1.1":"2025-05-30T14:32:26.432Z","0.1.2":"2025-05-30T14:38:04.605Z"},"bugs":{"url":"https://github.com/joppekoops/caption-player/issues"},"author":{"name":"Joppe Koops"},"license":"SEE LICENSE IN LICENSE","homepage":"https://github.com/joppekoops/caption-player#readme","keywords":["captions","subtitles","vtt"],"repository":{"type":"git","url":"git+https://github.com/joppekoops/caption-player.git"},"description":"A player for vtt captions made with Caption Styler","maintainers":[{"name":"joppekoops","email":"joppe.koops@gmail.com"}],"readme":"# Caption Player\nA package for displaying captions made with caption-styler on a `<video>` element.\n\n## Installation\n```\nnpm i @caption-styler/caption-player\n```\n\n## Usage\nTo display captions on your video, first create a WebVTT file with the caption-styler.\n\n1. Add the video and captions to your HTML like normal:\n\n```html\n<video controls>\n    <source src=\"video.mp4\" />\n    <track src=\"captions.vtt\" srclang=\"en\" kind=\"captions\" default />\n    <!--  More <track>-elements with other languages or styles.  -->\n</video>\n```\n\n2. Add a `CaptionPlayer` instance in JavaScript:\n\n```js\nimport { CaptionPlayer } from '@caption-styler/caption-player' // from node_modules folder\n\nconst video = document.querySelector('video')\n\nnew CaptionPlayer(video)\n```\n\n3. Add the caption player stylesheet to your HTML:\n\n```html\n<link rel=\"stylesheet\" href=\"./node_modules/@caption-styler/caption-player/dist/caption-player.css\" />\n```\n\nor import using vite or webpack:\n\n```js\nimport '@caption-styler/caption-player/styles.css'\n```\n\nThe `CaptionPlayer` will add a container around the video and display the captions.\nThis will also hide the original captions of the video.","readmeFilename":"README.md"}