重工电子论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 285|回复: 1

视频网站开发

[复制链接]

241

主题

598

帖子

3721

积分

学生管理组

Rank: 8Rank: 8

积分
3721
发表于 2020-2-19 20:18:38 | 显示全部楼层 |阅读模式
本帖最后由 李维强-15级 于 2020-3-3 00:13 编辑

成品demo :v.cqutbbs.cn
描述:.net+MVC+SQLSERVER+LayUI+Ueditor,利用ueditor把视频上传到网站,后台开设一个static的静态类作为保存待转换视频的存储列表。FFmpeg4作为切割视频的工具,开线程依次从列表中的视频地址,把视频切片为.ts格式,并且最终生成.M3U8格式的播放列表,待前台的videoJS插件调用。
源代码:https://gitee.com/squall001/VideoOnline
参考:https://download.csdn.net/download/charrys/9901964

遇到的问题总结:
1:videoJS插件CSS定位:
     调用videoJS插件时,外围不要包含Div,仅仅使用video标签即可,因为JS会重写该video标签,自动外围添加一个position:relative的标签,然后内层用position:absolute绝对定位到top:0;left:0的位置,如果外层出现一个div,则vedio标签则会跳出该dom的限制,在body的top:0;left:0位置,播放后引起画面跳走。
2:视频资源全部盗链自其它影视网站,这里参考www.aiaike.com,该网站在前端开启反调试,我破解它的办法如下:
   1):chrome浏览器引用ReRes插件,替换掉https://js.70url.com/dplayer/point.js 里面的debugger和http://js.maziyou.com/key.js的所有内容,通过浏览器“网络”查看xhr链接,拿到.m3u8文件
   2):  因为目的是拿到人家的.m3u8文件,用于给自己的videoJS播放,而原网站采用2级的iframe跨域,但是分析发现 人家的HTTP返回头是“Access-Control-Allow-Origin: *”,所以对方本身没有跨域阻止,但是若使用Chrome浏览器会在http的request.Headers加上“sec-fetch-mode: cors”等头部,所以这里我用插件“modify Headers”去掉该头部与“Origin”头部的value值(因为我无法去掉该头部标签),则可使得.m3u8文件正常播放。这里如使用非chrome或者手机浏览器没有问题。

后记:
   看到大部分资源来做CDN,其中alicdn最稳定,也有盗链到Iqiyi的视频,但是爱奇艺有加密,需要整个Iframe它整个页面,这个网站只是我做的一个玩具

回复

使用道具 举报

241

主题

598

帖子

3721

积分

学生管理组

Rank: 8Rank: 8

积分
3721
 楼主| 发表于 2020-2-29 00:34:04 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|cqutlab ( 渝ICP备15004556号

GMT+8, 2020-6-4 11:41 , Processed in 0.091525 second(s), 30 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表