小程序直播一键嵌入怎么操作

怼烎@ 2023-07-18 12:39 67阅读 0赞

上一次写了集成的直播小程序，大家反响很不错，随即趁热打铁又在微信直播的基础上增加了直播置顶、直播间隐藏、直播回放隐藏等功能。  
不过也有朋友反馈，集成起来有点不太方便，不能达到一键搞定的状态，对初学者不太友好。为了方便大家的开发和集成，特地推出一键嵌入版直播小程序。

# 1. 准备 #

**下载代码**：[https://github.com/firefac/p-media-module-livePlayer][https_github.com_firefac_p-media-module-livePlayer]  
**拷贝代码**：将pages下的firefac文件夹整个拷贝进你项目下的pages文件夹中  
**注册费尔工坊后台**：填写appid+secretkey，获取分配的域名。参考[指导文档][Link 1]

#    2. 配置 #

**app.json**  
pages

"pages": [
        "pages/firefac/livePlayer/livePlayer",
        "pages/firefac/livePlayer2/livePlayer"
      ],

plugins

"plugins": {
        "live-player-plugin": {
          "version": "1.0.3",
          "provider": "wx2b03c6e691cd7370"
        }
      }

**firefac/config/api.js：域名修改**

// 域名修改为如下图中费尔工坊后台分配的域名，修改中括号中的内容
    var WxApiRoot = 'https://[xxxxxxxxxxx.firefac.cn]/openapi/'

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdmViaXJkMzIx_size_16_color_FFFFFF_t_70][]

**添加域名到微信后台白名单**  
将上图中分配的域名填写到微信后台服务器白名单

**微信后台配置直播**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdmViaXJkMzIx_size_16_color_FFFFFF_t_70 1][]  
**费尔工坊后台：手动刷新，自动刷新**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdmViaXJkMzIx_size_16_color_FFFFFF_t_70 2][]

#    3. enjoy #

[https_github.com_firefac_p-media-module-livePlayer]: https://github.com/firefac/p-media-module-livePlayer
[Link 1]: https://docs.firefac.cn/start/firstAPP.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdmViaXJkMzIx_size_16_color_FFFFFF_t_70]: /images/20230528/15842fe0635c4e72bf2d4693a156fa5a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdmViaXJkMzIx_size_16_color_FFFFFF_t_70 1]: /images/20230528/26065a4c86a44d1aba01eeee91c6e9d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvdmViaXJkMzIx_size_16_color_FFFFFF_t_70 2]: /images/20230528/b4e61926b45241a289253244d612424d.png