{"repo":"muxinc/next-video","free":true,"listed":false,"github":"https://github.com/muxinc/next-video","clone":"git clone https://github.com/muxinc/next-video.git","description":"The easiest way to add video in your Nextjs app.","language":"TypeScript","stars":1221,"topics":["next","nextjs","react-video","video","video-processing","video-streaming","hacktoberfest","react","video-player"],"license":"MIT","category":"media-processing","readme_excerpt":"next-video Next video is a react component for adding video to your next.js application. It extends both the element and your Next app with features for automatic video optimization. - Smart storage: Store large video files outside of your git repo - Auto optimized : Optimize video files and deliver via CDN for better playback performance and quality - Customizable UI: Choose from themes or build your own player controls - Posters & Previews: Zero-config placeholder images and timeline hover thumbnails - Wider compatibility: Use videos that aren’t supported natively by all browsers - Analytics built-in (optional): See how often videos get watched and track video performance - AI-powered: Add auto-generated captions to your videos and use transcripts Setup Automatic Setup In the root of your Next.js project, run: This will (with prompting): - install next-video as a dependency - create a /videos directory and update .gitignore - update your next.config.js file - if you're using TypeScript, add types for your video file imports - add next-video sync -w to your dev script in package.json - set up Mux credentials in .env.local for remote storage - add a sample video and demo page to test your setup It will also update your .gitignore file to ignore video files in the /videos directory. Videos, particularly any of reasonable size, shouldn't be stored/tracked by git. Alternatively, if you'd like to store the original files you can remove the added gitignore lines and install git-lf","default_branch":null,"files":null,"tree":[],"storefront":"/r/muxinc","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/muxinc/next-video/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}