Use video.js & vue to play RTMP && HLS streams && playback
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build fix: webpack build config Sep 26, 2017
config fix: assets public path Sep 25, 2017
docs feat: console log version Oct 31, 2018
src feat: console log version Oct 31, 2018
static
.babelrc first commit Sep 25, 2017
.editorconfig first commit Sep 25, 2017
.gitignore fix: lock vue-video-player version Oct 31, 2018
.postcssrc.js first commit Sep 25, 2017
CHANGELOG.md feat: console log version Oct 31, 2018
LICENSE chore: license Jan 24, 2018
README.md docs: md hl Jun 6, 2018
index.html fix: upgrade bootstrap cdn && ga Mar 12, 2018
package-lock.json fix: lock vue-video-player version Oct 31, 2018
package.json chore: docs && build Oct 31, 2018

README.md

vue-videojs-demo

FOSSA Status

Use video.js with vue to play RTMP && HLS streams && playback

Get Started

See: http://savokiss.me/vue-videojs-demo

In RTMP you'll see a cartoon && in HLS you'll see a dummy video

Just switch tech to see the differences

Features

Live Player Options

playerOptions: {
  autoplay: false,
  controls: true,
  techOrder: ['flash', 'html5'],
  sourceOrder: true,
  flash: { hls: { withCredentials: false } },
  html5: { hls: { withCredentials: false } },
  sources: [{
    type: 'rtmp/mp4',
    src: 'rtmp://184.72.239.149/vod/&mp4:BigBuckBunny_115k.mov'
  }, {
    withCredentials: false,
    type: 'application/x-mpegURL',
    src: 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
  }],
  poster: '/static/images/logo.png'
}

To use local swf file, copy the swf file to /static/media/ folder && add:

   swf: '/static/media/video-js.swf'

see source: live.vue

HLS Encryption Issue

see #1150

if you encounter the hls encryption issue, use the videojs-contrib-hls.js plugin instead.

edit main.js:

// import 'videojs-contrib-hls/dist/videojs-contrib-hls'
import 'videojs-contrib-hls.js/src/videojs.hlsjs'

Related Posts

License

FOSSA Status