码迷,mamicode.com
首页 > 微信 > 详细

入门微信小程序直播

时间:2020-05-30 19:49:10      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:功能实现   image   最好   手机   appid   ppi   github   开发者   当前目录   

创建初始工程

  打开微信微信开发者工具,选择项目目录。注意这里的项目目录最好是空文件夹或者当前目录下面没有package.json文件。然后输入appid和项目名称。appid可以在官网申请
技术图片
点击确定就会生成小程序项目。

直播功能实现
开通直播接口

  注意现在直播对于的接口只对以下类目开放。
技术图片
如果你发现你在接口设置显示没有开通。则需要修改小程序的服务类目。修改完成之后。需要再次回到接口设置里面。开启实时播放音视频流对于接口权限。
技术图片

直播组件

  文档地址 小程序直播主要是会用到2个组件:

  • live-player:实时音视频播放
  • live-pusher:实时音视频录制

每个组件都对应一个api。可以根据上述文档查看。而且微信也提供了测试的demo我们可以直接拿来运行。 我这里只是把小程序官网提供直播相关的的demo组装在一起。 ###### 申请腾讯云直播   我们已经根据文档搭建出来了直播小程序的demo。但是我们要怎么才能真正在自己的程序里面看到一个手机推流,另外一个手机观看呢?这里方案有很多。自己搭建也可以。使用阿里云的直播也可以。我这里用了一个最简单的方法。直接利用腾讯云的云直播平台。首先[开通腾讯云云直播](https://console.cloud.tencent.com/live/livecodemanage)。然后点击推流生成器 ![enter image description here](http://img.shepherd618.cn/push_app.png) 然后复制上面的推流地址和播放地址到小程序里面。 ``` #推流地址修改 pages/player/player.wxml里面的url #播放地址修改 pages/pusher/pusher.wxml里面的url ``` 修改对应的地方替换。这样就可以实现我们上面gif动画里面的效果啦。 [ demo地址](https://github.com/Robin365/applet_live_demo)

入门微信小程序直播

标签:功能实现   image   最好   手机   appid   ppi   github   开发者   当前目录   

原文地址:https://www.cnblogs.com/xiaomeng95/p/12994392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!