腾讯云直播前端分享

最新推荐文章于 2024-05-04 01:52:36 发布

原创

最新推荐文章于 2024-05-04 01:52:36 发布 · 1.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #腾讯云 #javascript

文章目录

这次项目是一个课堂管理项目，虽然这个是第二个VUE项目，但是上一个项目写到一半，学长说写这个项目了，不知道之后会不会把上次的项目完成吧，这次项目感觉挺简单的，无非就是增删改查的一些东西，不过这次项目有一个直播的功能和弹幕的功能，弹幕就不多说了之前分享过这个思路，这次项目用的也是之前分享过的博客，前端利用canvas实现弹幕，这次就来分享一下腾讯云直播的一个思路吧

一、代码

使用腾讯云直播的话，需要用腾讯云的让引的一些文件，看直播的功能我不知道是不是必须得用腾讯云文档里边让用的一些第三方库，我少引一个直接报错404，所以这次博客就都都带上这些东西了

1.直播推流

直播推流需要第三方库

    <script src="https://video.sdk.qcloudecdn.com/web/TXLivePusher-2.0.3.min.js" charset="utf-8"></script>

直播推流代码

 var livePusher = new TXLivePusher();
        console.log(livePusher);
        livePusher.setRenderView('id_local_video');
        // 设置视频质量
        livePusher.setVideoQuality('720p');
        // 设置音频质量
        livePusher.setAudioQuality('standard');
        // 自定义设置帧率
        livePusher