当前位置:网站首页>怎样能在小程序中实现视频通话及互动直播功能?

怎样能在小程序中实现视频通话及互动直播功能?

2022-06-23 03:41:00 InfoQ

在直播行业如火如荼的当下,越来越多的企业选择发展自己的直播平台,或者希望在原有的app中上架音视频、直播功能。开发一个直播功能难易程度如何呢?直播难:要想把直播从零开始做出来,技术难度还是很高的,因为直播中运用到的技术难点非常之多,视频/音频处理,图形处理,视频/音频压缩,CDN分发,即时通讯等技术,每一项技术都非常专业。直播易:好在当下各个领域的大牛,已经封装好了许多牛逼的框架,我们只需要用别人写好的框架,就能快速的搭建一个直播app,也就是传说中的站在大牛肩膀上编程。如何才能简单便利的搭建一个直播平台呢?以下用开发者在 
FinClip 小程序
中实现视频通话及互动直播等功能举例:

准备开发环境

1、请确保本地已安装微信开发者工具
2、请确保有一个支持 
live-pusher
 和 
live-player
 组件的微信公众平台账号。只有特定行业的认证企业账号才可使用这两个组件。详情查看FinClip文档中心:
https://www.finclip.com/mop/document/develop/component/media.html#live-pusher
3、请确保在微信公众平台账号的开发设置中,给予以下域名请求权限:
  • https://miniapp.agoraio.cn
  • https://uni-webcollector.agora.io
  • wss://miniapp.agoraio.cn
4、若使用的是1.1.2 BETA后的版本,则需要额外添加以下域名
  • https://www.finclip.com?channel=infoqseo
  • https://miniapp-2.agoraio.cn
  • https://miniapp-3.agoraio.cn
  • https://miniapp-4.agoraio.cn

运行示例程序

  • 在 
    FinClip
     与 
    Agora.io
     注册账号,并创建自己的测试项目,获取 App ID。如需获取 Token 或 Channel Key,请启用 App Certificate
  • 下载本页示例程序
  • 打开 
    utils
     文件夹,在 
    config.js
     文件中填入获取到的 App ID:
  • const APPID = 'abcdefg'
  • 下载 
    Agora Miniapp SDK
    ,并将 SDK 重新命名为 “mini-app-sdk-production.js"
  • 将更名后的 "mini-app-sdk-production.js" 文件保存在本示例程序的 
    lib
     文件夹下
  • 启动微信开发者工具并导入该示例程序
  • 输入频道名,加入频道。邀请你的朋友加入同一个频道,就可以开始视频互通了。
声网的 Native SDK 可以直接与小程序互通。





原网站

版权声明
本文为[InfoQ]所创,转载请带上原文链接,感谢
https://xie.infoq.cn/article/c852a5671d763d67df6629b1a