需求:搭建视频播放平台
基本要求:
- url防盗链;(避免浏览器直接下载)
- 非会员试看,会员能看完整
- 最好能加密
参考网站:
1.国内三大视屏网站
2.蛋蛋网
解决方案:实现hls协议,m3u8视屏切割;首先视屏转码成m3u8格;然后前端使用video标签。
参考文档:
业绩优秀成品:
前端样例:(放在自己的服务器上,无需进行跨域访问)
<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)