博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
只需四个步骤几行代码,即可快速实现直播弹幕功能
阅读量:7282 次
发布时间:2019-06-30

本文共 2220 字,大约阅读时间需要 7 分钟。

在视频直播中,互动是不可缺少、不容小觑的内容,主要包括发送弹幕、打赏、点赞等。想要快速实现这些功能,需要进行怎样的操作呢?

其实,实现直播弹幕功能只需“四个步骤”和“几行代码”!

现在,我们使用云巴 Javascript SDK ,手把手教你实现直播弹幕功能吧!
 

 步骤流程图

 

 

步骤一:注册云巴账号

打开网址(),或直接搜索“”,进行注册并登录。

 

 

步骤二:在云巴 Portal 创建应用

登录后,点击侧栏 “应用管理” ,再点击“创建应用”,填写您的视频直播应用的名称、应用包名等内容。

如图所示:

 

 

创建后,您会在“应用列表”→“管理”→“应用详情”内,看到该应用的 AppKey 和 SecretKey 等信息。

 

步骤三:下载云巴 Javascript SDK

在云巴官网()顶菜单栏“开发者资源”→“SDK下载”,或在云巴的 Github 页面()找到 Javascript SDK 并下载。

 

步骤四:集成 Javascript SDK

将 Javascript SDK 集成到你的应用中,此处会用到 Appkey。

 
1.引入 Javascript SDK

由于 Yunba JavaScript SDK 依赖于 Socket.IO,所以要确保 Socket.IO 先被引入:

 

2.创建云巴实例

使用在云巴 Portal 上创建应用获取的 创建 Yunba 实例。

window.yunba = new Yunba({  server: 'sock.yunba.io',  port: 3000,  appkey: APPKEY // 这里是您在 “第二步” 中获取到的 AppKey。});

 

3. 初始化并连接消息服务器、订阅 “弹幕” 频道

假设弹幕的频道名称为  
TOPIC_BULLET :
yunba.init(function(success) {  if (success) {    var cid = Math.random().toString().substr(2);    // 连接云巴服务器    yunba.connect_by_customid(cid,      function(success, msg, sessionid) {        if (success) {          console.log('sessionid:' + sessionid);          // 设置收到信息回调函数          yunba.set_message_cb(yunba_msg_cb);            // 订阅弹幕 TOPIC            yunba.subscribe({                'topic': TOPIC_BULLET              },              function(success, msg) {                if (success) {                  console.log('subscribed');                } else {                  console.log(msg);                }            });        } else {          console.log(msg);        }      });  } else {    console.log('yunba init failed');  }});

 

4.发布“弹幕”

用下面几行代码即可发送弹幕:

var bullet = {  "mode": mode,  "text": text,  "color": color,  "dur": dur};yunba.publish({    topic: TOPIC_BULLET,    msg: JSON.stringify(bullet)  },  function(success, msg) {    if (!success) {      console.log(msg);    }  });

 

同理,你还可以通过订阅“点赞”、“统计信息”等频道,实现点赞、在线信息统计等功能,每种功能只需“几行代码”即可轻松实现。

具体可参考:

云巴视频直播案例的效果图如下:

云巴视频直播案例的在线演示地址:

基于 MQTT,使用 Erlang 编写的云巴实时通信云服务,通过 Pub/Sub 模型的双向实时系统,可为直播平台实现所有的实时消息传输。

使用云巴的实时通信云服务构建的直播聊天室,具备以下特征或功能:

1.直播聊天室无人数上限;

2.支持接入任意直播接口;

3.可查看聊天室历史消息记录;

4.支持聊天室消息自定义,打赏、点赞、献花等功能可轻松实现;

5.聊天室数据支持 SSL 安全协议加密;

6.稳定的消息高并发能力;

7.消息控制在 200 毫秒的延迟内;

此外,云巴还可根据客户需要提供更为优秀的定制服务,以满足直播平台的功能需求。对于初创团队,云巴可提供每月 100 万次的免费 API 调用,以及每月 100 万次的免费推送。

转载于:https://www.cnblogs.com/yunba/p/6016083.html

你可能感兴趣的文章
软件图标显示不正常的问题
查看>>
Golang websocket
查看>>
关于编码:Unicode/UTF-8/UTF-16/UTF-32
查看>>
C++ OpenSSL 之三:生成CSR文件
查看>>
amaze ui响应式辅助
查看>>
C++getline使用
查看>>
Spinner使用二
查看>>
android 隐藏输入法键盘
查看>>
Android jni 中打印logcat日志
查看>>
SSL和keystore生成、导入等配置
查看>>
The Eagles Hotel California Lyrics
查看>>
软件工程——课程评价
查看>>
OpenStack Placement Project
查看>>
微信支付问题
查看>>
购买类目的概率预测
查看>>
Ajax Step By Step2
查看>>
codeforces 701 B. Cells Not Under Attack
查看>>
当同时安装Python2和Python3后,如何兼容并切换使用详解(比如pip使用)
查看>>
Creating a Custom Page Layout in SharePoint 2013
查看>>
mysql foreignkey
查看>>