废话:起因是我想和我女朋友看电影(异地恋),但是B站,斗鱼直播电影的话必须要他们买了版权,然而他们为什么要花钱为你买版权?,所以我在B站斗鱼直播,
超管不然放,一放就封,很正常很普通的电视剧啦,但是我就不爽了,凭什么不然我和我女朋友看电影,于是我决定搭建一个直播平台,我本人(优秀大学生)是做大数据分析的,java,前端原来都做过。
好了,然后就搜资料,上午2小时迷迷糊糊,越深挖,越清楚,越兴奋。然后就搞定了。
直播地址:120.78.65.53:8080/live (打开flash即可观看)前提是我必须先开启直播。
推流中
是不是很酷!,不但如此,在手机上也能看,网页浏览器也能看,用VLC播放器也能看,楼主皆有亲测,虽然中间遇到了很多坑,但是还是成功了,整个从无到有的过程用了我2天
注意这里有个小坑,google浏览器,必须在设置中开启flash才可以,而不是询问。360,浏览器默认允许flash可以直接播放
首先咱们下载nginx,这是我当时找rtmp的尝试 最好的博客(它没有写全面的解释,我来补充)
https://blog.csdn.net/l1028386804/article/details/80022437
请记住一定要一步一步跟着它来,每个包必须按照它说的装。为了避免版本冲突,版本也要下一样的。我这里也有下载好的版本,需要的加我qq1035133465,问我要就行
注意了
这个地址是 服务器id:1935/hls
那个hls_path是你用Obs推流,推到服务器上,存储ts包的地址。
装好之后,下个VLC,拉一下流
rtmp://ip:1935/hls/love
love是obs推流的那个密匙,如果没写可以不填
页面版的话则需要video.js(这个必须是5.x的)因为6.x以后flash会分离,会导致不能播放,而5.x是集成的
使用video.js拉流播放
这是我的代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>性感老徐在线观看</title> <link href="video-js.css" rel="stylesheet"> <script src="video.js"></script> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript">videojs.options.flash.swf = "video-js.swf";</script> </head> <body> <h1 style="color:green">阿尼玛小秀和小澳的私人电影院</h1> <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}"> <source src="rtmp://ip:1935/hls/love" type="rtmp/flv"> <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> </video> </body> </html>
注意上面那几个引入,引入我是下好了5.x的jar包的,在目录下直接引入的。
整个tomcat我就只有这一个html,没有任何java.
就这么简单。
obs推流就更简单了
这里注意双显卡的笔记本用户,需要的显卡设置中,添加obs,选择集成显卡,默认是选择独显的,但是独显,obs有可能不 支持。
推流即可