4步 —— 快速开始运行直播小程序

本文档指导如何使用七牛云服务搭建直播小程序,包括下载SDK、配置密钥、创建直播空间、CNAME域名配置、创建直播流及获取推流地址等步骤,并介绍如何在微信小程序端进行相应配置。

快速开始运行小程序流程 

  1. 七牛云 官方下载SDK 
  2. 更改后端参数
    //    pili.js
    
    配置七牛的 access key/secret key
          ---- 点击 个人面板 > 密锁管理 ,获得 Access key 和 Secret Key。
    配置七牛的推流和推流播放的地址
    若未开通,请先申请开通。
    
    配置七牛的推流和推流播放的地址
    
    换成自己在七牛直播云上的空间名称
    
    按照server文件夹下的Readme文件开启后端服务 https://github.com/pili-engineering/wxapp-live-demo/blob/master/server/README.md              
    ---- 
    1/.创建直播空间.
    2/.CNAME 直播域名.
    3/.创建直播流
    4/.获取推流播放地址

    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    创建直播空间.


         1//. 在七牛开发者平台首页定位到 七牛官方资源 > 直播空间 资源卡片,
         2//.查看开通状态 - 若已经开通,点击立即添加,进入创建直播空间页面。
         3//.填写直播空间基本信息,分别输入直播空间名称和直播域名,系统会自动为您生成直播服务使用的推流域名及播放域名。
         4//.点击下一步,进入存储空间配置页,进行存储空间及存储过期时间配置;若没有存储空间,点击 新建存储空间。
         5//.点击下一步,进入高级设置,配置直播封面、直播状态通知、直播鉴权等,您也可以跳过该步,直接进行直播空间的创建。
         6//.点击创建直播空间,进行直播空间创建,并在创建成功时为您展示直播空间的详细信息及域名信息,您可点击 进入直播空间 查看该直播空间的详细信息
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    CNAME 直播域名.

        进入直播空间首页,查看直播域名信息及状态。
        鼠标定位至各域名 “不可用” 状态,查看域名 CNAME 信息。
        根据直播域名及 CNAME 信息,到域名所归属的 DNS 管理平台配置 CNAME。
        CNAME 配置成功后,域名状态自动更改为 “可用” 状态。
        当域名未备案时,不可用状态提示 “域名未备案,请对xxxx.com进行备案”,CNAME 信息将在域名备案审核成功后生成。
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    创建直播流

        在直播空间首页,点击 直播流管理,进入直播流管理界面。
      点击 添加流,进入创建直播流界面。
        填写直播流名称,点击确定创建,进行直播流的创建。
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    获取推流播放地址

        在直播流管理 > 所有流 中,点击刚才创建的流,查看当前直播流的详细信息。
        定位到 推流地址 和 播放地址,获取推流地址和播放地址。

  3. 配置微信小程序端

    编辑 app.js 里的 host 参数,修改为上一步后端开启后的服务地址 (注意:调试的时候,打开不校验 https 设置。
  4. 编译运行

    注意 live-player 和 live-pusher 组件都无法在开发者工具上预览,所以请自行用手机扫码使用开发版来测试

 

转载于:https://www.cnblogs.com/q1104460935/p/8779003.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值