ITPub博客

首页 > 应用开发 > IT综合 > 直播带货系统,实现网页直播功能的开发

直播带货系统,实现网页直播功能的开发

IT综合 作者:云豹科技晓彤 时间:2021-07-14 17:28:18 0 删除 编辑

一、 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('A!');
		});
	});

            打开直播带货系统自动播放功能(支持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 直播功能

        <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等浏览器辅助

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

————————————————
声明:本文由云豹科技转发自 a928200728 l博客,如有侵权请联系作者删除


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70002045/viewspace-2781327/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
音视频软件开发相关知识科普账号

注册时间:2021-06-11

  • 博文量
    163
  • 访问量
    60339