{"_id":"@commission-on-post/videojs-component","_rev":"20-29049baca2b2fc32cce7ced74c1f95fe","name":"@commission-on-post/videojs-component","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@commission-on-post/videojs-component","version":"0.1.0","_id":"@commission-on-post/videojs-component@0.1.0","maintainers":[{"name":"richarddunn","email":"richard.dunn@post.ca.gov"},{"name":"ryanwbell","email":"ryan.bell@post.ca.gov"},{"name":"dginderpost","email":"Darrin.Ginder@post.ca.gov"},{"name":"yzhaopost","email":"yzhao@post.ca.gov"}],"dist":{"shasum":"99bba8ac536a1a7facafbb5a5c54a1276418635c","tarball":"https://registry.npmjs.org/@commission-on-post/videojs-component/-/videojs-component-0.1.0.tgz","fileCount":15,"integrity":"sha512-JCh3yh6f14CfpAilZiK67ZjlZiDPTwGUV9RhPHHVCw+PRaxlEvK0BELkmZhi4dAwlRLTUpKTd+6thYUAIQqacw==","signatures":[{"sig":"MEYCIQCOBfD0AQotiGVzmrWiYiIs39ViYLiY5hhxM9OkmT1ZngIhAKRcOxh/KFbnwFLUvrNPau1F9MeV6owZDRAb5VLleIFa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO4eVCRA9TVsSAnZWagAAlAIP/00OqnkVg1+bZtioSco0\nsRnjc9Ikkixi1MgfDvm3NIcQ/PKUZrx+KcvAE4wIxHZ9WuDgcnxE9elgoqqi\n6cViZu6VdRUKLbeSZuZidiQ3SQ3I0ABSrG0N3VfWI+Qd+pV9+HrgZZvsFgho\nlgCDmUkj2kT/wJuWG/kAlTpl+GGo8ga212GZVWFmNuAwNEj5rC0sur6fc5d3\nfrNp2LQxnIFsuOdSSHPLl8MRAs4mnr2pwXm+nd0q3D4atxweJdd75HaBkjoM\n/DlcL23fdd1Z+w+PXq0ct4KBv8Aj2jOxWpOk1fiP74loRHKBwN5DzEkgqj6o\nyC7t0uh1stpVz6/3z8oQZWOgaHU88V2wI9gp98yrNwxmaBHJlHb4nJhgRbpj\nROF08h5Yvt7medvMPXIdAYS7nqtw/teWq024gim9byiS1FHykI75HggXAT2G\n0CVMzMx1mDBTIYlJyeBzfcOS9Layj7V5RW+7kcIZVap+IdKYndGehQNp2thi\nxA1uKDaKS4q4jLipTOxj611xGOwvFn4sqEbzEturc3O70cFEYptDNVAmvbbS\nmrdBd+WsxstoKqEKPJjKrme0zNWbyAJP7bXjKTdMcZT6L7QEC9fUqKtdIdOP\nMD3ncCkt8V5Q771GH8HYdVb7ibTwwszUrx5IZc9yNk0CM5PdWG4uF31HDlga\nXjiw\r\n=It9E\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"0583760091ba362fdbdfe4b014550dcbc480a542","private":false,"scripts":{"build":"npm run build:esm && npm run build:cjs","prebuild":"(rmdir /q /s dist 2> NUL || exit 0)","build:cjs":"tsc --module commonjs --outDir dist/cjs","build:esm":"tsc"},"_npmUser":{"name":"dginderpost","email":"Darrin.Ginder@post.ca.gov"},"_npmVersion":"7.10.0","description":"React Component library that show a example of how POST implements the VideoJs library in a React Component with private code stripped out.","directories":{},"_nodeVersion":"16.1.0","dependencies":{"video.js":"^7.14.3","typescript":"^4.4.2","@types/node":"^16.7.10","react-scripts":"4.0.3","@types/videojs":"^5.16.2","@types/video.js":"^7.3.26","@commission-on-post/post-cat-functionality-tool":"^2.18.4"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/videojs-component_0.1.0_1631291284906_0.06656944358827954","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@commission-on-post/videojs-component","version":"0.1.1","_id":"@commission-on-post/videojs-component@0.1.1","maintainers":[{"name":"richarddunn","email":"richard.dunn@post.ca.gov"},{"name":"ryanwbell","email":"ryan.bell@post.ca.gov"},{"name":"dginderpost","email":"Darrin.Ginder@post.ca.gov"},{"name":"yzhaopost","email":"yzhao@post.ca.gov"}],"dist":{"shasum":"3637df7dafb11040c9303d812f0da8dda21c178a","tarball":"https://registry.npmjs.org/@commission-on-post/videojs-component/-/videojs-component-0.1.1.tgz","fileCount":15,"integrity":"sha512-KQg7i1KvfAMcEeQHlvpXB/Yy2BGhQ/tVcdkW0PQIcsMI0d1rsUaktAGiV9Ufdt3NQYTT0Va+tTJcPt1iBTUE4g==","signatures":[{"sig":"MEUCIQCjl9MOfS5EgxhsI2h8f2zZ8aTtm1tHvoPjY7priC80yAIgK/3D/CZilfFs5Ln7GrV08E18OYYpnh6rPt+A+PPSEss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO4ijCRA9TVsSAnZWagAA6AUP/2e3mOU2+o9j44PQs7zo\n5i9wF7I7m03ZdMDI5poAqUknxxhCGVjl4t8LlEiFuw/Lf2NxFm6bf29NigLb\ndziWY1dNcu+F9EF+WS+T6vt/2unsf6VWlQcT9W+vmGe+/VmsMNDnF0BVUcsK\nLPeT7yBBqbNwGA1jx4gKkzImdwp+l4efVMTDLZly4VtAtsq1UySzOuNp9xff\nTnBJUZQ5UZHLak7nxaCt9g4+V0M/WdX8J88Y/ank8PhyZiIqcEPEoy9Mzu7h\na/b0ZLQLNe6YrUTuwPxZNGHbFPD0GUMovJ8Qaz0KA1sg7lp2dzkp+nTAsHf6\nKQLbWo1VMFIore2VU3w471wfo7UY2dHFoJS4qWXtzOO7iyGLkhGX2htbr7Ep\nNzlUjQqTL0dcap4UCH4qJ5esGMk3ImxP0B2goUODmIabIa12dlkalS4UKnnU\nORDt0ab8gGPWljQFIKqGq9DDSa7AJe8UQpwTR3R+SYl8DteveOTKkK0KH/5j\nj8Bsn6iTcT8INxinJW/U4YfK/6R269SmD25K6qejsrUjdOv5kQXoQtTKbipJ\nvysWal2h/1UztMtLSmiRQOXN64/HTBcb6IDSS6Sr9tOHwZ8iJyys88VfVH8r\nD05JFGdQidV3UsZnVBrwtCcM3pzsygyYOwkj7T7F/2G2QSNOqTQjOwIkyWNJ\nGKKm\r\n=WACC\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"0cd208a224bd189fd67cfa8ba63c362eb839303d","private":false,"scripts":{"build":"npm run build:esm && npm run build:cjs","prebuild":"(rmdir /q /s dist 2> NUL || exit 0)","build:cjs":"tsc --module commonjs --outDir dist/cjs","build:esm":"tsc","prepublishOnly":"npm version patch && npm run build"},"_npmUser":{"name":"dginderpost","email":"Darrin.Ginder@post.ca.gov"},"_npmVersion":"7.10.0","description":"React Component library that show a example of how POST implements the VideoJs library in a React Component with private code stripped out.","directories":{},"_nodeVersion":"16.1.0","dependencies":{"video.js":"^7.14.3","typescript":"^4.4.2","@types/node":"^16.7.10","react-scripts":"4.0.3","@types/videojs":"^5.16.2","@types/video.js":"^7.3.26","@commission-on-post/post-cat-functionality-tool":"^2.18.4"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/videojs-component_0.1.1_1631291555258_0.043677183756906324","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@commission-on-post/videojs-component","version":"0.1.2","_id":"@commission-on-post/videojs-component@0.1.2","maintainers":[{"name":"richarddunn","email":"richard.dunn@post.ca.gov"},{"name":"ryanwbell","email":"ryan.bell@post.ca.gov"},{"name":"dginderpost","email":"Darrin.Ginder@post.ca.gov"},{"name":"yzhaopost","email":"yzhao@post.ca.gov"}],"homepage":"https://github.com/Commission-on-POST/video-js-component-example#readme","bugs":{"url":"https://github.com/Commission-on-POST/video-js-component-example/issues"},"dist":{"shasum":"53b246d0206fa681f42d2086d2f5a5dba3f996c5","tarball":"https://registry.npmjs.org/@commission-on-post/videojs-component/-/videojs-component-0.1.2.tgz","fileCount":15,"integrity":"sha512-HXwK9hnHaYMbpDV8P9RzrGT0DZS1Gn00Q6BS3bTz7mmDXPLVSY9n9VQy0czaNqOlIc3n1CRLHTtQVetkjTGzKA==","signatures":[{"sig":"MEUCIQDZdEFFXh0XVndOUjZFpx0SeWmr5VgxsniFCgvujZVIHAIgEcEFdGNFfSW8jplhnfwLD++BoyVbVN9axqvMTDVXmB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO4tqCRA9TVsSAnZWagAA99sP/RfPCX/gzQcV2gkFtr+L\ngKoZd4CfLBE6YBH/4QVYm0XD+HM7wJ9Uuo97etasvOEUPuLywKrkkSu8NSEk\nl74ThfPzcoSDTxY6DT+05PgZzIHPTGInppvhO4YGacFhgnfl37f/djY6ASRd\nCM43JmasMB08XJpBAB1uS/bDwl9A1TGOqJOH6x8CwowNEylH9T/nGnth3N2z\nt8Y4MKdQX00UKTZHY+rJDCdaJPj2pkt+0daFgCqMHc0hyHnjsQHsatieb2+h\nPwSrRYLpcH50FphK0EgBwj+03oXuuv7MJXceKrtjMakq4bDF4HtX+0XNhhQr\n3oDB6rl4rO1JqcOZdKUJ5yr+RK3wThyWc4xWKocO3QJ61TQR9EdhUBjne1Vv\nCO/mYmFnmZyBx1kIaVyYU5VH8byDktk1TXPV0s3Px6hLYsmXbtLzdMqyRvg0\nqnXoYRQY20+946bUFZiXc79SjujN3GV6k5yy5ONMCRibKTOHLy0ejNR31TkZ\nGdFqbq09Ywj8ysBgQHmcJqYp9tZbmGc4dzw/lUKQ45skWHsR2edt28DfKzNY\nxrmrzhI9aOI9ietow+S5aOTmEWwnm06LuFjkkhaTqvBl1wFQ9JaEnNuEzUuc\nuh4/pch1P13CPwYrVNdQlDyosjOCpZoy2xSvD6+KOrXwsyJQaLCkCum7GX+D\nevsf\r\n=zOB1\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"b4fbf7eed0c19785df7fef2322264568531775ce","private":false,"scripts":{"build":"npm run build:esm && npm run build:cjs","prebuild":"(rmdir /q /s dist 2> NUL || exit 0)","build:cjs":"tsc --module commonjs --outDir dist/cjs","build:esm":"tsc","prepublishOnly":"npm version patch && npm run build"},"_npmUser":{"name":"dginderpost","email":"Darrin.Ginder@post.ca.gov"},"repository":{"url":"git+https://github.com/Commission-on-POST/video-js-component-example.git","type":"git"},"_npmVersion":"7.10.0","description":"React Component library that show a example of how POST implements the VideoJs library in a React Component with private code stripped out.","directories":{},"_nodeVersion":"16.1.0","dependencies":{"video.js":"^7.14.3","typescript":"^4.4.2","@types/node":"^16.7.10","react-scripts":"4.0.3","@types/videojs":"^5.16.2","@types/video.js":"^7.3.26","@commission-on-post/post-cat-functionality-tool":"^2.18.4"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"_npmOperationalInternal":{"tmp":"tmp/videojs-component_0.1.2_1631292266720_0.5089077826561548","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-09-10T16:28:04.905Z","modified":"2025-09-15T16:11:44.784Z","0.1.0":"2021-09-10T16:28:05.043Z","0.1.1":"2021-09-10T16:32:35.399Z","0.1.2":"2021-09-10T16:44:26.838Z"},"bugs":{"url":"https://github.com/Commission-on-POST/video-js-component-example/issues"},"homepage":"https://github.com/Commission-on-POST/video-js-component-example#readme","repository":{"url":"git+https://github.com/Commission-on-POST/video-js-component-example.git","type":"git"},"description":"React Component library that show a example of how POST implements the VideoJs library in a React Component with private code stripped out.","maintainers":[{"email":"Jozhua.gonzales@post.ca.gov","name":"jozhus"},{"email":"richard.dunn@post.ca.gov","name":"richarddunn"},{"email":"Darrin.Ginder@post.ca.gov","name":"dginderpost"},{"email":"yzhao@post.ca.gov","name":"yzhaopost"},{"email":"justin.magadia@post.ca.gov","name":"jmagadiapost"},{"email":"LTRVendor1@post.ca.gov","name":"ltr_vendor1"}],"readme":"# Videojs_Component\r\n\r\nReact Component library that show a example of how POST implements the VideoJs library in a React Component with private code stripped out.\r\n\r\n### Table of Contents\r\n\r\n- [Description](#description)\r\n- [Technologies](#technologies)\r\n- [Installation](#installation)\r\n- [Usage](#usage)\r\n\r\n## Description\r\n\r\nThis is a npm package that exports a example React functional component that show how post imports and creates a React component for the videoJs library.\r\n\r\n[Back To Top](#Videojs_Component)\r\n\r\n## Technologies\r\n\r\n- Videojs\r\n- React\r\n\r\n[Back To Top](#Videojs_Component)\r\n\r\n### Installation\r\n\r\n`npm i @commission-on-post/videojs-component`\r\n\r\n[Back To Top](#Videojs_Component)\r\n\r\n### Usage\r\n\r\n.\r\n\r\nExample to call the component :\r\n\r\n```typescript\r\nimport \"./App.css\";\r\nimport React from \"react\";\r\nimport {VideoJSPlayer} from \"@commission-on-post/videojs-component\";\r\n\r\nfunction App() {\r\n  return (\r\n    <div className=\"App\">\r\n      <VideoJSPlayer\r\n        compId=\"example-1\";\r\n        funcLog=false;\r\n        visibility=\"visible\"\r\n        source={\r\n            {\r\n                src: \"url-to-smooth-streaming-link-from-azure\";\r\n                videoType: true;\r\n                volumeControl: true;\r\n                thumbnail: \"url-to-image\";\r\n                pictureInPicture: false;\r\n            }\r\n        }\r\n        methods={\r\n            [\r\n                {\r\n                    type: \"timeUpdate\",\r\n                    func: \"showAtTimeStamp\",\r\n                    funcData: [\r\n                        {\r\n                            id: \"example-target\",\r\n                            timeStamp: 100\r\n                        }\r\n                    ]\r\n                }\r\n            ]\r\n        }\r\n        position={\r\n            {\r\n                top: 0;\r\n                left: 0;\r\n                width: 400;\r\n                height: 500;\r\n            }\r\n        }\r\n        control={\r\n            {\r\n                autoPlay: true;\r\n                controlBar: true;\r\n                hidePlayButton: true;\r\n                inactivityTimer: 0;\r\n                playbackSpeeds: [0.5, 1, 2];\r\n            }\r\n        }\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n\r\n```\r\n\r\n[Back To Top](#Videojs_Component)\r\n","readmeFilename":"README.md"}