menu Bugcat's Blog
用腾讯云直播服务做一个简易的直播间
71 浏览 | 2021-01-30 | 阅读时间: 约 2 分钟 | 分类: 生活的日常 | 标签:
请注意,本文编写于 98 天前,最后修改于 38 天前,其中某些信息可能已经过时。

提醒

①直播流量的话腾讯云大概是25元100G,首次购买会有优惠
②需要一个备案了的域名
③最好只是用来给朋友看的或者给少数人看的(比如一起看电影啥的),这玩意流量用的还是挺快的,或者你恰巧财力雄厚那就可以买它几个T播个爽

准备

①测好网速,下载好OBS,码率看自家带宽开,我开的是5000kbps码率,家里的上行带宽大概是20M的样子
②下载好OBS,推流要用到

正文

①去腾讯云购买直播套餐,找不到去哪里买的话可以去控制台搜索“云直播”
②买完之后点进去云直播的控制台,侧边栏最下方有一个地址生成器,用于生成链接地址,AppName和SteamName都可以随便写,然后点击生成推流地址

③OBS设置好你的相应的推流地址,如下图,服务器地址写刚刚在腾讯云那边生成的“OBS推流地址”,密钥写刚刚腾讯云生成的“OBS推流名称”,记得设置过期日期最好设置长一些的时间,否则用几天就过期了

④回OBS主页面,右下角有一个“开始推流”按钮,试着推一会,看能否正常推流,如果可以,则进行下一步
⑤直播间页面的编写,这里我们用的是Dplyaer,Dplayer有文档,里面有介绍如何使用直播功能,可以自己去看一下,那么现在回到腾讯云,地址生成器第一行“生成类型与域名”把域名类型切换为播放域名,其它参考②,我们需要的是播放地址(FLV)或播放地址(HLS)。复制这两行的内容,然后新建一个Dplayer播放器用于直播,代码如下

const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    live: true,
    video: {
        url: 'demo.m3u8', //改成上面复制下来的播放地址
        type: 'hls', //复制了hls就写hls,flv就写flv
}
})

PS:Dplayer文档里面有一个Flv.jsHls.js来解析视频,记得去下载并引入(好像是在文件末尾引入,注意一下引入的顺序)

最后

先开始推流,再刷新页面即可,观看直播,记得看自家宽带开码率,开太高可能会卡,我看了下,每次接收的数据包大概在1M左后,不知道是Dplayer的问题还是腾讯的流的问题,有兴趣的可以去研究一下

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议