您的位置:9159金沙官网 > 金沙澳门9159官网 > 只需四个步骤几行代码,即可快速实现直播弹幕

只需四个步骤几行代码,即可快速实现直播弹幕

发布时间:2019-12-06 01:37编辑:金沙澳门9159官网浏览(135)

    在录制直播中,相互作用是不行缺点和失误、不可看轻的从头到尾的经过,主要不外乎出殡和下葬弹幕、打赏、点赞等。想要火速达成这一个成效,供给开展什么样的操作呢?

    实际,实现直播弹幕效率只需“只需四个步骤几行代码,即可快速实现直播弹幕功能。四个步骤”和“只需四个步骤几行代码,即可快速实现直播弹幕功能。几行代码”!

    当今,大家使用云巴 Javascript SDK ,手把手教你兑现直播弹幕功效吗!

     

    图片 1

     步骤流程图

     

     

    手续大器晚成:注册云巴账号

    只需四个步骤几行代码,即可快速实现直播弹幕功能。开发网站(),或间接寻找“只需四个步骤几行代码,即可快速实现直播弹幕功能。云巴”,进行登记并报到。

     图片 2

     

    步骤二:在云巴 Portal 成立应用

    签到后,点击侧栏 “应用场理” ,再点击“创立应用”,填写您的录制直播应用的名号、应用包名等剧情。

    如图所示:

     图片 3

     

    开创后,您会在“应用列表”→“管理”→“应用实际情况”内,见到该选拔的 AppKey 和 SecretKey 等音信。

     

    步骤三:下载云巴 Javascript SDK

    在云巴官方网址()顶菜单栏“开辟者能源”→“SDK下载”,或在云巴的 Github 页面()找到 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);
        }
      }
    );
    

     

    同理,你仍然是能够通过订阅“点赞”、“计算消息”等频道,达成点赞、在线音讯总括等功能,各种成效只需“几行代码”就能够轻易实现。

    实际可参谋:

    云巴录像直播案例的效率图如下:

    图片 4

    云巴录像直播案例的在线演示地址:

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

    运用云巴的实时通信云服务营造的直播聊天室,具有以下特征或效果与利益:

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

    2.支撑过渡大肆直播接口;

    3.可查阅谈心室历史消息记录;

    4.支撑闲谈室音信自定义,打赏、点赞、献花等效用可轻便达成;

    5.闲聊室数据支撑 SSL 安全左券加密;

    6.安居的音讯高并发技能;

    7.音讯调控在 200 皮秒的推移内;

    其余,云巴还可借助顾客供给提供越发优秀的定克服务,以满意直播平台的效果供给。对于初创公司,云巴可提供每月 100 万次的无需付费 API 调用,以至每月 100 万次的不收费推送。

    本文由9159金沙官网发布于金沙澳门9159官网,转载请注明出处:只需四个步骤几行代码,即可快速实现直播弹幕

    关键词: