uniapp小程序直播与组件_thinkphp6

小程序直播组件

小程序直播组件，就像饮料，打开就喝。不需要考虑什么推流，流量费用，跟腾讯云一点关系没有
1、微信mp平台创建：房间和商品
2、后端服务器：访问微信接口、获取房间列表或回放列表
3、小程序引入组件，1个nav标签即可
文档：https://docs.qq.com/doc/DZHhzV0FiYXRQV01i

腾讯云直播

域名，推流，流量，sdk，对接腾讯云。。。。相当麻烦

image.png

第一步：获取直播列表（php）

<?php

namespace services; 

class LivePlayer
{
    /**
     * 获取直播列表的微信接口
     */
    protected $live_list_url = 'http://api.weixin.qq.com/wxa/business/getliveinfo?access_token=%s';
    
   //直接封装的获取token方法
    protected function AccessToken()
    {
        $a = (new AccessToken)->getXcx();
        $access_token = $a['access_token'];
        $this->live_list_url = sprintf($this->live_list_url, $access_token);//把百分号（%）符号替换成一个作为参数进行传递的变量：
    }

    /**
     * 获取直播列表信息
     */
    public function get_list(int $page)
    {
         $param['start']=(0+$page)*10;
        $param['limit']=(1+$page)*10;
        //Cache::tag("_ruhua_")->clear();
        $cache_list=Cache::tag("_ruhua_")->remember("live_player_".$page,false);
        if($cache_list){
            return $cache_list;
        }
        try {
           $this->AccessToken();
            $res = (new BaseCommon)->curl_post($this->live_list_url,$param);
            $res=json_decode($res,true);
            if (isset($res['errcode']) && $res['errcode'] == 0 && isset($res['room_info']) && $res['room_info']) {
                Cache::tag("_ruhua_")->set("live_player_".$page,$res['room_info'],config("setting.cache_expire_in"));
                return $res['room_info'];
            }
            Cache::tag("_ruhua_")->set("live_player_".$page,true,600);
            return [];
        }catch (Exception $e) {
            return [];
        }
    }
}

第二步：uniapp 引入直播组件

小程序直播组件

page页面中
<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params=
{{customParams}}"></navigator>  // 其中wx2b03c6e691cd7370是直播组件appid不能修改

开播提醒组件

<subscribe room-id="[直播房间id]"></subscribe>