写点什么

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

作者:Geek_99967b
  • 2022 年 6 月 22 日
  • 本文字数:849 字

    阅读完需:约 3 分钟

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

准备开发环境

1、请确保本地已安装微信开发者工具

2、请确保有一个支持 live-pusher 和 live-player 组件的微信公众平台账号。只有特定行业的认证企业账号才可使用这两个组件。详情查看 FinClip 文档中心:https://www.finclip.com/mop/document/develop/component/media.html#live-pusher

3、请确保在微信公众平台账号的开发设置中,给予以下域名请求权限:

4、若使用的是 1.1.2 BETA 后的版本,则需要额外添加以下域名

运行示例程序

  • 在 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 可以直接与小程序互通。



用户头像

Geek_99967b

关注

还未添加个人签名 2022.05.17 加入

还未添加个人简介

评论

发布
暂无评论
怎样能在小程序中实现视频通话及互动直播功能?_小程序_Geek_99967b_InfoQ写作社区