{"_id":"@alireza-brz/react-video.js","_rev":"3-7bf3e00962030b801b6e7eb8b585d459","name":"@alireza-brz/react-video.js","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@alireza-brz/react-video.js","private":false,"version":"0.0.1","type":"module","author":{"name":"Alireza Barzegar"},"main":"dist/main.js","types":"dist/main.d.ts","scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","prepublishOnly":"npm run build"},"license":"Apache-2.0","publishConfig":{"access":"public","alireza-brz@registry":"https://registry.npmjs.org/","tag":"latest"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/node":"^20.11.16","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","glob":"^10.3.10","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.2.2","video.js":"^8.10.0","vite":"^5.0.8","vite-plugin-dts":"^3.7.2","vite-plugin-lib-inject-css":"^1.3.0"},"_id":"@alireza-brz/react-video.js@0.0.1","gitHead":"1eb31c3d6b9328dbe5174abcb2fd5703bc4a3cf4","description":"","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Jfh3uSbrCu4Ff1U+53eEaCDopoQolF+u1IdBYgZRdA6XkxJ4frf6JcxKJDGbWACgBjFkn/5uk1K1NJtgr9bfMA==","shasum":"41e0bfc0d3e8d74693198d9f3d7a11a809e594bc","tarball":"https://registry.npmjs.org/@alireza-brz/react-video.js/-/react-video.js-0.0.1.tgz","fileCount":9,"unpackedSize":1206740,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBYN8HvphwKfrZK6C7jTddiog2cXg+zIzoMOWGwczhdZAiEAz6SrYXg5foeHOkFhEtRyGQLEV3sZ+tANRXPm74Zlijw="}]},"_npmUser":{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"},"directories":{},"maintainers":[{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-video.js_0.0.1_1706860369996_0.9533892970306523"},"_hasShrinkwrap":false},"0.0.2":{"name":"@alireza-brz/react-video.js","private":false,"version":"0.0.2","type":"module","author":{"name":"Alireza Barzegar"},"main":"dist/main.js","types":"dist/main.d.ts","repository":{"url":"git+https://github.com/alireza-brz/react-video.js.git","directory":"https://github.com/alireza-brz/react-video.js/tree/main","type":"git"},"scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","prepublishOnly":"npm run build"},"license":"Apache-2.0","publishConfig":{"access":"public","alireza-brz@registry":"https://registry.npmjs.org/","tag":"latest"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/node":"^20.11.16","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","glob":"^10.3.10","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.2.2","video.js":"^8.10.0","vite":"^5.0.8","vite-plugin-dts":"^3.7.2","vite-plugin-lib-inject-css":"^1.3.0"},"_id":"@alireza-brz/react-video.js@0.0.2","gitHead":"9d7472f6fd72c30e0af4f3ca1290602363a0fe19","description":"","bugs":{"url":"https://github.com/alireza-brz/react-video.js/issues"},"homepage":"https://github.com/alireza-brz/react-video.js#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-JW7BGCu2qfrq882wGe1dcfUL9JEXgONltCjtxNkKpPUEzHkkkLPoMFNXeUP4EqnLRa5SmcwOfZAxUis6NJqAAQ==","shasum":"82f5e56bb87bf4527c6b5e0bcad8067c2e934956","tarball":"https://registry.npmjs.org/@alireza-brz/react-video.js/-/react-video.js-0.0.2.tgz","fileCount":9,"unpackedSize":1206918,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbjOijoA9+jYVyJunbAQgxTAEZJkjYFN2IKwXM3fH50AiEAzK4Pr3pBtez1W6LV+K93UwkJxpI87kLO3k0Y0caIleA="}]},"_npmUser":{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"},"directories":{},"maintainers":[{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-video.js_0.0.2_1706860596851_0.7322946519382947"},"_hasShrinkwrap":false},"0.0.3":{"name":"@alireza-brz/react-video.js","private":false,"version":"0.0.3","type":"module","author":{"name":"Alireza Barzegar"},"main":"dist/main.js","types":"dist/main.d.ts","repository":{"url":"git+https://github.com/alireza-brz/react-video.js.git","directory":"https://github.com/alireza-brz/react-video.js/tree/main","type":"git"},"scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","prepublishOnly":"npm run build"},"license":"Apache-2.0","publishConfig":{"access":"public","alireza-brz@registry":"https://registry.npmjs.org/","tag":"latest"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/node":"^20.11.16","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","glob":"^10.3.10","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.2.2","video.js":"^8.10.0","vite":"^5.0.8","vite-plugin-dts":"^3.7.2","vite-plugin-lib-inject-css":"^1.3.0"},"_id":"@alireza-brz/react-video.js@0.0.3","gitHead":"9788ee2303bf06e68241f1e1b5d2de06e4040497","description":"","bugs":{"url":"https://github.com/alireza-brz/react-video.js/issues"},"homepage":"https://github.com/alireza-brz/react-video.js#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-SFF2A0xOn6PccGlvHJ3qGbNJETCuEj9v9SqTRdfDGSG0kXun6GgfoNPPRo82ECwuUWPtD1HUhB0G8ARAW/bVhw==","shasum":"98fb54886284896c4e5e7d427f274757049f07ed","tarball":"https://registry.npmjs.org/@alireza-brz/react-video.js/-/react-video.js-0.0.3.tgz","fileCount":9,"unpackedSize":1209495,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAD6LaWiLtA1sIMgTpSxB0+RCLi5RDmjuAwmtDFaBMk1AiBs9HAIyL1GPfjfgE+KuiSJ/KswgMp10SXc6+YYeNr6mg=="}]},"_npmUser":{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"},"directories":{},"maintainers":[{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-video.js_0.0.3_1706927296360_0.19031344417310092"},"_hasShrinkwrap":false},"0.0.4":{"name":"@alireza-brz/react-video.js","private":false,"version":"0.0.4","type":"module","author":{"name":"Alireza Barzegar"},"main":"dist/main.js","types":"dist/main.d.ts","repository":{"url":"git+https://github.com/alireza-brz/react-video.js.git","directory":"https://github.com/alireza-brz/react-video.js/tree/main","type":"git"},"scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","prepublishOnly":"npm run build"},"license":"Apache-2.0","publishConfig":{"access":"public","alireza-brz@registry":"https://registry.npmjs.org/","tag":"latest"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/node":"^20.11.16","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","glob":"^10.3.10","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.2.2","video.js":"^8.10.0","vite":"^5.0.8","vite-plugin-dts":"^3.7.2","vite-plugin-lib-inject-css":"^1.3.0"},"_id":"@alireza-brz/react-video.js@0.0.4","gitHead":"551788f0ff697e44374856872e3235c2c2282eaa","description":"**react-video.js** is like a friendly neighbor who knows all about **video.js** and is here to lend a helping hand. It's not flashy like a superhero, but it gets the job done. 🎬","bugs":{"url":"https://github.com/alireza-brz/react-video.js/issues"},"homepage":"https://github.com/alireza-brz/react-video.js#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-elwqoDcXqQOtFxslPpxe4uJMFoh9uzgyaiWZJyJs+hSF783dFmomFGEyrWnDzcljUvMR8ycz0OgZeXYulYZrxg==","shasum":"fa7c8ddaf645c19f7cf21850910dd48c87b1f0ff","tarball":"https://registry.npmjs.org/@alireza-brz/react-video.js/-/react-video.js-0.0.4.tgz","fileCount":9,"unpackedSize":1212798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB027rhp/LQ96iPAKvxWdtt29BWt8+tVhH5k1YEvgQHRAiEA3cqYNgIU15mlgqsUc1JoziNySH5uU4TUTf/XU8hrPQk="}]},"_npmUser":{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"},"directories":{},"maintainers":[{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-video.js_0.0.4_1708230276035_0.21384768103018348"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-02T07:52:49.891Z","0.0.1":"2024-02-02T07:52:50.247Z","modified":"2024-02-18T04:24:36.843Z","0.0.2":"2024-02-02T07:56:37.042Z","0.0.3":"2024-02-03T02:28:16.615Z","0.0.4":"2024-02-18T04:24:36.195Z"},"maintainers":[{"name":"alireza-brz","email":"alireza.brz.94@gmail.com"}],"author":{"name":"Alireza Barzegar"},"license":"Apache-2.0","readme":"# react-video.js 🎥🚀\r\n\r\n**react-video.js** is like a friendly neighbor who knows all about **video.js** and is here to lend a helping hand. It's not flashy like a superhero, but it gets the job done. 🎬\r\n\r\n## What's the Scoop? 🍦\r\n\r\nImagine this: You're building a React app, and suddenly, you need video playback. Enter **react-video.js**! It's like having a backstage pass to the video.js concert. 🎵\r\n\r\n## Installation Made Easy 🛠️\r\n\r\nWhether you prefer yarn or npm, we've got you covered:\r\n\r\n```bash\r\n# Use yarn (because it's chill)\r\nyarn add @alireza-brz/react-video.js\r\n\r\n# Or use npm (because it's classic)\r\nnpm install @alireza-brz/react-video.js\r\n\r\n```\r\n\r\n## Showtime! 🎟️\r\n\r\nHere’s a snippet from our laid-back React script:\r\n\r\n\r\n```javascript\r\nimport React from 'react';\r\nimport { ReactVideoJs, VideoJsOptions } from '@alireza-brz/react-video.js';\r\n\r\nfunction MyVideo() {\r\n  const videoJsOptions: VideoJsOptions = {\r\n    autoplay: false,\r\n    controls: true,\r\n    responsive: true,\r\n    fluid: true,\r\n    sources: [\r\n      {\r\n        src: 'https://pixabay.com/videos/download/video-40456_large.mp4',\r\n        type: 'video/mp4',\r\n      },\r\n    ],\r\n    autoSetup: true,\r\n  };\r\n\r\n  const handlePlayerReady = (player) => {\r\n    // You can handle player events here, for example:\r\n    player.on('waiting', () => {\r\n      console.log('🍿 Player is waiting');\r\n    });\r\n\r\n    player.on('dispose', () => {\r\n      console.log('🎬 Player will dispose');\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        width: '500px',\r\n        height: '500px',\r\n      }}\r\n    >\r\n      <ReactVideoJs options={videoJsOptions} onReady={handlePlayerReady} />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default MyVideo;\r\n```\r\n\r\n## Linking to video.js 🎬\r\n\r\nReact-Video.js is like the peanut butter to video.js’s jelly! 🥪 It’s built on top of the video.js library, making it the ultimate duo for video playback in your React apps. 🎥\r\n\r\nFor more information, behind-the-scenes gossip, and secret handshakes, head over to the video.js project page. 🕵️‍♂️\r\n\r\n\r\n## Contributing 🚀\r\n\r\nWe’re all about community vibes! If you want to sprinkle some magic into React-Video.js, follow these steps:\r\n\r\n- Fork the repository and clone it to your local machine.\r\n- Create a new branch for your feature or bug fix. Call it something cool, like “moonwalk-feature” or “bug-buster.”\r\n- Make your changes and test them thoroughly. No half-baked cookies here!\r\n- Ensure that your code follows the project’s coding standards. We’re sticklers for neatness.\r\n- Commit your changes and push them to your fork. 🚀\r\n- Submit a pull request to the main repository, explaining your changes. Bonus points for using emojis! 🌟\r\n\r\nFeel free to join our cosmic coding party! 🎉 If you have questions, just holler. 🙌😎\r\n\r\nGrab your favorite snack, dim the lights, and enjoy the show! 🍿🎥\r\n\r\nFeel free to adjust the chill factor as needed! If you have any questions, just holler. 🙌😎\r\n\r\nRemember to adjust the popcorn-to-code ratio as needed! If you need more enchantments, just wave your wand (or keyboard). 😉🔮\r\n\r\n\r\n## Apache 2 License 📜\r\n\r\nReact-Video.js is licensed under the Apache License 2.0. It’s like giving your code a passport to the open-source world! 🌎✨\r\n","readmeFilename":"README.md","homepage":"https://github.com/alireza-brz/react-video.js#readme","repository":{"url":"git+https://github.com/alireza-brz/react-video.js.git","directory":"https://github.com/alireza-brz/react-video.js/tree/main","type":"git"},"bugs":{"url":"https://github.com/alireza-brz/react-video.js/issues"},"description":"**react-video.js** is like a friendly neighbor who knows all about **video.js** and is here to lend a helping hand. It's not flashy like a superhero, but it gets the job done. 🎬"}