摘要：想要快速實(shí)現(xiàn)這些功能，需要進(jìn)行怎樣的操作呢其實(shí)，實(shí)現(xiàn)直播彈幕功能只需四個(gè)步驟和幾行代碼現(xiàn)在，我們使用云巴，手把手教你實(shí)現(xiàn)直播彈幕功能吧步驟一注冊(cè)云巴賬號(hào)打開網(wǎng)址，或直接搜索云巴，進(jìn)行注冊(cè)并登錄。

在視頻直播中，互動(dòng)是不可缺少、不容小覷的內(nèi)容，主要包括發(fā)送彈幕、打賞、點(diǎn)贊等。想要快速實(shí)現(xiàn)這些功能，需要進(jìn)行怎樣的操作呢？

其實(shí)，實(shí)現(xiàn)直播彈幕功能只需“四個(gè)步驟”和“幾行代碼”！

現(xiàn)在，我們使用云巴 Javascript SDK ，手把手教你實(shí)現(xiàn)直播彈幕功能吧！

步驟一：注冊(cè)云巴賬號(hào)
打開網(wǎng)址（https://yunba.io/），或直接搜索“云巴”，進(jìn)行注冊(cè)并登錄。

步驟二：在云巴 Portal 創(chuàng)建應(yīng)用
登錄后，點(diǎn)擊側(cè)欄 “應(yīng)用管理” ，再點(diǎn)擊“創(chuàng)建應(yīng)用”，填寫您的視頻直播應(yīng)用的名稱、應(yīng)用包名等內(nèi)容。

如圖所示：

創(chuàng)建后，您會(huì)在“應(yīng)用列表”→“管理”→“應(yīng)用詳情”內(nèi)，看到該應(yīng)用的 AppKey 和 SecretKey 等信息。

步驟三：下載云巴 Javascript SDK
在云巴官網(wǎng)（https://yunba.io/）頂菜單欄“開發(fā)者資源”→“SDK下載”，或在云巴的 Github 頁面（https://github.com/yunba）找到 Javascript SDK 并下載。

步驟四：集成 Javascript SDK
將 Javascript SDK 集成到你的應(yīng)用中，此處會(huì)用到 Appkey。

1.引入 Javascript SDK
由于 Yunba JavaScript SDK 依賴于 Socket.IO，所以要確保 Socket.IO 先被引入：

2.創(chuàng)建云巴實(shí)例
使用在云巴 Portal 上創(chuàng)建應(yīng)用獲取的 AppKey 創(chuàng)建 Yunba 實(shí)例。

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

3. 初始化并連接消息服務(wù)器、訂閱 “彈幕” 頻道
假設(shè)彈幕的頻道名稱為 TOPIC_BULLET ：

yunba.init(function(success) {
  if (success) {
    var cid = Math.random().toString().substr(2);

    // 連接云巴服務(wù)器
    yunba.connect_by_customid(cid,
      function(success, msg, sessionid) {
        if (success) {
          console.log("sessionid：" + sessionid);

          // 設(shè)置收到信息回調(diào)函數(shù)
          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.發(fā)布“彈幕
用下面幾行代碼即可發(fā)送彈幕：

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);
    }
  }
);

同理，你還可以通過訂閱“點(diǎn)贊”、“統(tǒng)計(jì)信息”等頻道，實(shí)現(xiàn)點(diǎn)贊、在線信息統(tǒng)計(jì)等功能，每種功能只需“幾行代碼”即可輕松實(shí)現(xiàn)。
具體可參考：https://github.com/yunbademo/...

云巴視頻直播案例的效果圖如下：

云巴視頻直播案例的在線演示地址：http://yunbademo.github.io/yu...

基于 MQTT，使用 Erlang 編寫的云巴實(shí)時(shí)通信云服務(wù)，通過 Pub/Sub 模型的雙向?qū)崟r(shí)系統(tǒng)，可為直播平臺(tái)實(shí)現(xiàn)所有的實(shí)時(shí)消息傳輸。

使用云巴的實(shí)時(shí)通信云服務(wù)構(gòu)建的直播聊天室，具備以下特征或功能：
1.直播聊天室無人數(shù)上限；
2.支持接入任意直播接口；
3.可查看聊天室歷史消息記錄；
4.支持聊天室消息自定義，打賞、點(diǎn)贊、獻(xiàn)花等功能可輕松實(shí)現(xiàn)；
5.聊天室數(shù)據(jù)支持 SSL 安全協(xié)議加密；
6.穩(wěn)定的消息高并發(fā)能力；
7.消息控制在 200 毫秒的延遲內(nèi)；

此外，云巴還可根據(jù)客戶需要提供更為優(yōu)秀的定制服務(wù)，以滿足直播平臺(tái)的功能需求。對(duì)于初創(chuàng)團(tuán)隊(duì)，云巴可提供每月 100 萬次的免費(fèi) API 調(diào)用，以及每月 100 萬次的免費(fèi)推送。