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

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

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

如今,我们运用云巴 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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞