微信小程序直播live-player和live-pusher踩坑记录

最近做了一个微信小程序版的直播小程序，期间遇到了很多问题，在此汇总记录一下，希望可以帮助到你们

如何实现小程序中的live-player或live-pusher组件展现在scrollview上？

踩坑点记录

1、关于live-player

微信小程序对live-player的介绍如下：
官方文档

必须有相关类目的资质才可以使用<live-player>和<live-pusher>组件，这个问题就不多说了，这里可能遇到的问题是后续提交版本的时候有可能被拒，拒绝理由是不符合资质（其实已经成功提交过N个版本了），这里不用着急，去和审核人员交流一下就行，表明原因，这个时候一般会通过的。

在这个<live-player>组件上有不少坑，下面我会分别介绍一下这个组件上我遇到的问题

1）live-player 全屏问题

在官方文档这个页面，并没有介绍全屏的实现方式，只提了一下bindfullscreenchange这个全屏变化监听方法，当时自以为实现横屏观看的方式就是需要调整orientation参数，然后实现横竖屏观看……然后走了很长的弯路才发现原来实现全屏的方法是在API中：API官文地址

wxml live-player 组件写法：

<live-player src="{
   
   {
   
   item.url}}" mode="live" autoplay binderror="error" style="height:100%;width:100%;"bindfullscreenchange="fullscreenchangemethod" id="live-player-id" />

注意：重点是id="live-player-id" 这个属性，下一步要在js中根据这个id来获取到livePlayer的上下文，拿到这个上下文之后赋值给一个变量，然后就可以通过该变量来调用全屏和退出全屏方法，这是官方文档中就有的方法，不是很复杂。

(1)JS中创建 live-player 上下文 LivePlayerContext 对象。

let player = wx.createLivePlayerContext('live-player-id',