只需四个步骤几行代码，即可疾速完成直播弹幕功用

2019年8月31日 165次阅读 来源: 云巴

在视频直播中，互动是不可缺乏、不容小觑的内容，重要包含发送弹幕、打赏、点赞等。想要疾速完成这些功用，须要举行如何的操纵呢？

实在，完成直播弹幕功用只需“四个步骤”和“几行代码”！

如今，我们运用云巴 Javascript SDK ，手把手教你完成直播弹幕功用吧！

《只需四个步骤几行代码，即可疾速完成直播弹幕功用》

步骤一：注册云巴账号
翻开网址（https://yunba.io/），或直接搜刮“云巴”，举行注册并登录。

《只需四个步骤几行代码，即可疾速完成直播弹幕功用》

步骤二：在云巴 Portal 建立运用
登录后，点击侧栏 “运用治理” ，再点击“建立运用”，填写您的视频直播运用的称号、运用包名等内容。

如图所示：

《只需四个步骤几行代码，即可疾速完成直播弹幕功用》

建立后，您会在“运用列表”→“治理”→“运用概况”内，看到该运用的 AppKey 和 SecretKey 等信息。

步骤三：下载云巴 Javascript SDK
在云巴官网（https://yunba.io/）顶菜单栏“开发者资本”→“SDK下载”，或在云巴的 Github 页面（https://github.com/yunba）找到 Javascript SDK 并下载。

步骤四：集成 Javascript SDK
将 Javascript SDK 集成到你的运用中，此处会用到 Appkey。

1.引入 Javascript SDK
因为 Yunba JavaScript SDK 依赖于 Socket.IO，所以要确保 Socket.IO 先被引入：

<script type="text/javascript" src="javascripts/socket.io-1.3.5.min.js"></script>
<script type="text/javascript" src="../yunba-js-sdk.js"></script>

2.建立云巴实例
运用在云巴 Portal 上建立运用猎取的 AppKey 建立 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);
    }
  }
);

同理，你还能够经由过程定阅“点赞”、“统计信息”等频道，完成点赞、在线信息统计等功用，每种功用只需“几行代码”即可轻松完成。
详细可参考：https://github.com/yunbademo/…

云巴视频直播案例的效果图以下：

《只需四个步骤几行代码，即可疾速完成直播弹幕功用》

云巴视频直播案例的在线演示地点：http://yunbademo.github.io/yu…

基于 MQTT，运用 Erlang 编写的云巴及时通讯云效劳，经由过程 Pub/Sub 模子的双向及时体系，可为直播平台完成一切的及时音讯传输。

运用云巴的及时通讯云效劳构建的直播聊天室，具有以下特性或功用：
1.直播聊天室无人数上限；
2.支撑接入恣意直播接口；
3.可检察聊天室汗青音讯纪录；
4.支撑聊天室音讯自定义，打赏、点赞、献花等功用可轻松完成；
5.聊天室数据支撑 SSL 平安协定加密；
6.稳固的音讯高并发才能；
7.音讯控制在 200 毫秒的耽误内；

另外，云巴还可依据客户须要供应更加优异的定制效劳，以满足直播平台的功用需求。关于始创团队，云巴可供应每个月 100 万次的免费 API 挪用，以及每个月 100 万次的免费推送。

    原文作者：云巴
    原文地址: https://segmentfault.com/a/1190000007203514
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞