zoukankan      html  css  js  c++  java
  • 实现简单网页rtmp直播:nginx+ckplayer+linux

    一、安装nginx

    安装带有rtmp模块的nginx服务器(其它支持rtmp协议的流媒体服务器像easydarwin、srs等+Apache等web服务器也可以),此处使用nginx服务器,简单方便。

    安装请参考我的CSDN:nginx安装,经过多次安装实践,此方法适用于rhel和centos系统,ubuntu可能会不适用,如果安装过程中出现大量错误,请另行百度安装方法。

    不一定非要使用云服务器,可以自己使用vmware虚拟一个linux系统,就可以在同一台电脑上实现整套流程,不过是局域网,和广域网可能还有部分差异,但是大同小异,流程都是差不多的,简单使用的话,用vmware的方式就够了。注意需要关闭防火墙或者通行相关端口。

    二、推流

    推流在此我使用的是ffmpeg,ffmpeg虽然是一个开源软件,但是功能很多也很强大(一般开源软件都不注重效率,无法商用,只是让你入门学习使用,但也有高效的开源软件,像是伟大的linux,流媒体服务器srs等等),此处用它绰绰有余。ffmpeg官网有不用自己编译的版本,也可以自己动手编译下,锻炼下自己动手的能力,此处就不放windows版本的了,之前自己动手编译过一个linux版本的,不想自己动手的可以去这里CSND下载

    windows版本推流命令:

    while(1) { .ffmpeg.exe -re -i F:ChengTongPanMangZhong.mp4 -vcodec copy -acodec copy -f flv rtmp://x.x.x.x:xxxx/live/room }

    linux版本推流命令:

    while true; do ./ffmpeg -re -i ./MangZhong.mp4 -vcodec copy -acodec copy -f flv rtmp://x.x.x.x:xxxx/live/room; done

    ffmpeg自带的循环推流在这里不能使用,只能使用一个简陋的循环推流。

    三、选择播放方式

    这里使用ckplayer的方式,此方式会依赖flash,过后我会尝试寻找不依赖flash的方式,据了解,html5已经可以不依赖falsh实现rtmp协议视频播放,待以后探索。。

    编辑index.html:

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title>ckplayer</title>
            
            <style type="text/css">
                body {
                    margin: 0;
                    padding: 0px;
                    font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
                    font-size: 18px;
                }
                p{
                    padding-left: 2em;
                }
            </style>
    
        </head>
    
        <body>
            <div id="video" style=" 100%; height: 400px;max- 600px;">
            </div>
            <script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
            <script type="text/javascript">
                var videoObject = {
                    container: '#video', //容器的ID或className
                    variable: 'player', //播放函数名称
                    //loop: true, //播放结束是否循环播放
                    autoplay: true,//是否自动播放
                    poster: 'material/poster.jpg', //封面图片
                    preview: { //预览图片
                        file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
                        scale: 2
                    },
                    //flashplayer:true,
                    //live:true,
                    //debug:true,
                    //video:'rtmp://58.200.131.2:1935/livetv/hunantv' 此链接是网络流,可以测试使用,可以替换为你自己的rtmp流地址
                    video:'rtmp://ip+port/live/room'
                };
                var player = new ckplayer(videoObject);
            </script>
        </body>
    
    </html>

    下载ckplayer,百度一大堆,好像没找到上传附件的方式,此处就先不放了。。。

    下载解压ckplayer到nginx的根目录下,应该是在/usr/local/nginx/html下面,不是在这里的自己找一下自己的根目录在哪就好了。

    四、播放测试:

    找到一个带有flash插件的浏览器,打开nginx下的html文件即可播放,我的是http://x.x.x.x/ckplayer,打开后如下:

     至此,rtmp协议的简单直播服务就搭建完成了。

  • 相关阅读:
    liunx配置jdk
    liunx 用户修改文件打开数
    goolge安装插件
    安装解压版MySQL 5.6.35
    Windows7 搭建ftp 服务
    eclipse 搭建Swt 环境
    注释正则表达式
    java excle导出合计字段值
    liunx 字符编码问题
    FreeIPA ACI (Access Control Instructions) 访问控制说明
  • 原文地址:https://www.cnblogs.com/klxs1996/p/12872079.html
Copyright © 2011-2022 走看看