web前端 html5 直播功能开发

一、 video.js 视频播放

        github：https://github.com/videojs/video.js

            基础代码：

<script src="https://unpkg.com/video.js/dist/video.js"></script>

<video
		id="my-player"
		class="video-js vjs-default-skin vjs-big-play-centered"
		controls
		preload="auto" x5-playsinline="" playsinline="" webkit-playsinline="" poster=""
		data-setup='{"example_option":true}'>
</video>

	var player = videojs('my-player', options, function onPlayerReady() {
		videojs.log('Your player is ready!');

		// In this context, `this` is the player that was created by Video.js.
		this.play();

		// How about an event listener?
		this.on('ended', function() {
			videojs.log('Awww...over so soon?!');
		});
	});

            打开自动播放功能(支持android、IOS、pc)：

<video
      id="my-player"
      class="video-js vjs-default-skin vjs-big-play-centered"
      controls
      preload="auto"
      x5-playsinline="" playsinline="" webkit-playsinline="" poster=""
      data-setup='{"example_option":true}'>

二、 videojs-contrib-hls 直播功能

        github：https://github.com/videojs/videojs-contrib-hls

        <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

        android、IOS下需m3u8格式直播地址

        webkit等PC浏览器下需videojs-flash支持播放trmp

三、 videojs-flash chrome等浏览器辅助

github：https://github.com/videojs/videojs-flash

<script src="https://unpkg.com/videojs-flash/dist/videojs-flash.js"></script>