微信小程序如何接入直播功能

发布于:2025-03-26 ⋅ 阅读:(31) ⋅ 点赞:(0)

一、小程序直播开通背景

1.政府资质要求

政府的要求,小程序开通直播需要注册主体具备互联网直播的资质,普通企业需要《信息网络传播视听节目许可证》,表演性质的直播需要《网络文化经营许可证》,政府主体需要《社会信用代码》及《情况说明函件》。

a.信息网络传播视听许可证

该证基本要广播电视台这样的机构才可以申请到,一般企业单位都无法申请到,故企业申请可直接放弃。

b.网络文化经营许可证(文网文)

该证目前也比较难申请,某些地区城市已经不让申请,有些城市可以申请,一般申请也都是找对应的代理机构来协助申请,公司自主申请比较难。

文网文申请的步骤及内容参考:https://www.zhihu.com/question/58752855/answer/2536931404

c、统一社会信用代码及情况说明函件:

该方案只适合政府主体,且说明函情况较为复杂,一般私企可直接放弃该方案。

2.微信平台要求

微信要求,小程序开通直播需要在小程序管理后台申请开通【电商平台】类目,或者【社交—直播】类目,如果从事教育培训等应用,需要申请【教育—在线视频课程】类目。

但是,2023年6月起,微信小程序直播插件服务已经暂停开通,根据微信平台当前的规则,新注册的小程序或之前未申请直播插件的小程序均无法再申请直播插件,也就是说,没办法直接通过微信官方开播。

主流的解决办法是:在小程序中集成第三方直播服务功能、即时通信功能(聊天互动),用来实现自己的直播间购物功能。当前,行业用户主要集成保利威直播、腾讯云直播、阿里云直播、抖音云直播等服务。

二、微信小程序接入直播功能步骤

1.下载小程序SDK demo

微信观看小程序SDK(3.8)下载地址
https://help.polyv.net/index.html#/live/js/mini_app_sdk_3

2.运行小程序SDK

将上述下载的源码用【微信开发者工具】打开

3.接入小程序直播插件

下载地址https://help.polyv.net/index.html#/live/js/mini_app_live_plugin

4.修改小程序SDK播放器组件

(1)需要将小程序SDK自带的live-player组件替换成小程序直播插件
【修改前】live-player.wxml

【修改后】live-player.wxml

(2)同时需要在.json文件里面 将封装好的直播插件引入进来调用
live-player.json

(3)因live.js 里面用到了获取签名方法,所以需要声明对应的方法
utils.ts

注意事项

横屏&竖屏 用的是同一个live组件,少部分布局样式需要做些微调
同时建议在app.js 里面声明一些全局变量

三、参考示例

以上工作完成后,小程序直播间的功能就基本形成了,类似效果如下: