rsnext/examples/with-hls-js
Dylan Jhaveri aef282ffac
Add example with-hls-js (#12723)
* npm init next-app

* add example video-player component with HLS.js

* add README for example with HLS.js

* update name in package.json

* Update examples/with-hls-js/.gitignore

Co-authored-by: Luis Alvarez D. <luis@vercel.com>

* Update license to MIT

Co-authored-by: Luis Alvarez D. <luis@vercel.com>

* Update next version to latest

Co-authored-by: Luis Alvarez D. <luis@vercel.com>

* remove unused pages/api

Co-authored-by: Luis Alvarez D. <luis@vercel.com>
2020-05-13 21:47:28 -05:00
..
components Add example with-hls-js (#12723) 2020-05-13 21:47:28 -05:00
pages Add example with-hls-js (#12723) 2020-05-13 21:47:28 -05:00
public Add example with-hls-js (#12723) 2020-05-13 21:47:28 -05:00
.gitignore Add example with-hls-js (#12723) 2020-05-13 21:47:28 -05:00
package.json Add example with-hls-js (#12723) 2020-05-13 21:47:28 -05:00
README.md Add example with-hls-js (#12723) 2020-05-13 21:47:28 -05:00

HLS.js example

This example shows how to use Next.js along with HLS.js to playback HLS videos in all modern browsers.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-hls-js with-hls-js-app
# or
yarn create next-app --example with-hls-js with-hls-js-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-hls-js
cd with-hls-js

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with Vercel (Documentation).