第八期分享:关于阿里云直播的一点小心得

173人浏览 / 1人评论

好久不见,今天我们一起来看下阿里云直播对接的整个过程,算是一个非常简单的过程,但是我在当时开发的时候,走了许多弯路,这里做个简单介绍,希望可以帮到有需要的人,避免花费太多时间去看官方文档(因为官方文档很详细,大多都是我们不需要的)。

OK,闲话不说,直奔主题吧!!!

1、前往 阿里云平台(https://wanwang.aliyun.com/domain/?spm=5176.100251.111252.33.2a744f15f8iwuk)购买域名,并且要完成 备案(未备案的域名无法添加播流域名和推流域名),现在备案很快,貌似3-4天就可以完成,比起我当时的十几天,简直快多了。

2、进入“管理控制台”->“视频直播”->“域名管理”,分别添加播流域名和推流域名。

添加完成应该是这样的:

红色感叹号提示未配置CNAME,打开“管理控制台”->“域名”,在域名列表找到已备案的域名,解析设置,

对刚刚直播添加的推流域名和播流域名分别添加解析记录:

解析添加好了直播那边的红色感叹号就消失了:

3、下载OBS推流软件(https://obsproject.com/),根据自己系统实际情况选择下载,这里我选择windows版本:

下载完成,一路下一步,完成安装、运行。

4、获取推流、播流地址:直播管理 -> 地址生成器:选择播流域名和关联的推流域名,输入AppName和StreamName,点击生成:

5、配置OBS推流、直播:打开OBS推流软件,添加直播来源

打开设置,选择“推流”,服务选择“自定义”,输入刚刚生成的推流地址:

例如我这里生成的推流地址为:rtmp://www.push.hongxiawangluo.com/appName/streamName?auth_key=1583899782-0-0-47c05ba936ea0f7f349cd47560615b09

红色字体部分对应“服务器”输入框,蓝色字体部分对应“串流秘钥”输入框,点击“应用”,“确定”,完成推流配置。回到OBS主页面,点击“开始推流”,打开之前写好的播放器页面,配置好播流地址,就可以看直播啦!

上图:

画面不统一是因为有些许延迟,具体延时时长可以自己配置下

 

在这个过程中,大家可能会遇到下面这个问题(本地测试或者域名没有安全证书的情况下):

这个怎么解决呢?去视频直播里面,域名管理,找到播流域名,点击域名配置,如下图:

添加对应报错参数,确定,等待配置完成(可刷新查看):

这个配置完,再看直播的话,应该就么有什么问题了0.0

附播放器部分代码:

  •  
  •  
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" /><script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script>
  •  
  •  
  •  
    <div style="width:100%; height:100%;z-index:9999;position: fixed;">        <div id="videomedias" ></div>    </div>
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  <script>    let player = new Aliplayer(          {            id: "videomedias",            width: "100%",            height: "100%",            autoplay: false,            isLive: true,            preload: true, //播放器自动加载            // "rePlay": false,            //支持播放地址播放,此播放优先级最高(本地优先m3u8方式播放)            source: "替换成自己的",            // source:JSON.stringify(playbackurl), //这里 记住一定是JSON字符串类型 播放地址  如果有好几种格式 {'LD':556464,'HD':4564} 只有标准格式才能切换清晰度            //播放方式二:点播用户推荐            // vid:"a111310835f14275a70444b04cf4c235",            // playauth:'',            cover: "替换成自己的封面图片地址",            showBarTime: 10000,            controlBarVisibility: "click",            x5_video_player_fullscreen: "true",            //指定使用H5播放器。            x5_type: "h5",            x5_fullscreen: true,            x5_video_position: "top",            x5_orientation: "portraint",            useH5Prism: true          },          function(player) {            console.log("播放器创建好了。");                     }        );</script>

 

JAVA代码实现会在后续整理打包,如果需要的话,可以在公众号发消息给我哦!!!

 

个人博客主页:https://www.hongxiawangluo.com/

 

 

全部评论

2020-03-22 16:40
nice