美文网首页
搭建视频播放平台

搭建视频播放平台

作者: 飞入丛林_笨鸟先飞 | 来源:发表于2020-02-25 23:43 被阅读0次

需求:搭建视频播放平台

基本要求:

  1. url防盗链;(避免浏览器直接下载)
  2. 非会员试看,会员能看完整
  3. 最好能加密

参考网站:
1.国内三大视屏网站
2.蛋蛋网

解决方案:实现hls协议,m3u8视屏切割;首先视屏转码成m3u8格;然后前端使用video标签。

参考文档:

  1. 三种视频流浏览器播放解决方案
  2. 前端处理(兼容hls兼容电脑浏览器)
  3. 前端处理(试例)
  4. Java代码处理(FFmpeg转码)
  5. 命令行处理(FFmpeg转码)

业绩优秀成品:

  1. 阿里云视屏点播(VOD)
  2. 腾讯云

前端样例:(放在自己的服务器上,无需进行跨域访问)

<html>
<head>
<title>video</title>
<!-- 引入css -->
<link rel="stylesheet" type="text/css" href="./videojs/video-js.min.css" />
</head>
<body>
<div class="videoBox">
    <video id="my_video_1" class="video-js vjs-default-skin" controls>
        <source src="http://www.domain.com/test/test.m3u8" type="application/x-mpegURL"> 
    </video>
</div>
</body>
</html>
<script type="text/javascript" src="./videojs/video.min.js"></script>
<script type="text/javascript" src="./videojs/videojs-contrib-hls.min.js"></script>
<script>
videojs.options.flash.swf = "./videojs/video-js.swf"
    var player = videojs('my_video_1', {"autoplay":true});
    player.play();
</script>

扩展(蛋蛋网的实现)
搭建在线视频网站(苹果cms)

相关文章

网友评论

      本文标题:搭建视频播放平台

      本文链接:https://www.haomeiwen.com/subject/ypmhchtx.html