wepy使用腾讯的实时音视频 live-player被两次加载

luse000 commented 4 years ago

Description

[问题描述：站在其它人的角度尽可能清晰地、简洁地把问题描述清楚]

[您好，想请问一下，关于使用腾讯的实时音视频live-player被两次加载，报错提示：paly()被两次掉用。导致打开两次视频连接，请问应该怎样避免这种问题呢？谢谢。在腾讯官方小程序是正常的]

Environment

Platform: 开发者工具/iOS/Andriod
Platform version: 11.3.1
Wechat version: 7.0.8
wepy-cli version: [wepy-cli -v]
wepy version: 0.0.2
other version: [如果是插件问题，请列出问题插件的版本号]

Reproduce

[如何重现问题]

[使用wepy项目接入腾讯云实时音视频，双人视频通话需要申请SDKAPPID 以及 SECRETKEY]

Observed Results

[实际表现]

[进入当前页面，live-player被两次掉用，出现play（）被重复加载，导致进去正在加载是黑屏转向有画面，再从有画面到黑屏，再从黑屏到有画面。被两次启动，最后也需要两次才能关闭]

Expected Results

[期望表现]

[进入当前页面，live-player掉用一次，表现为：黑屏到有画面]

Relevant Code / Logs



![报错](https://user-images.githubusercontent.com/39326213/67189460-d7503700-f420-11e9-9287-b5d830d388e7.png)

  ```

Gcaufy commented 4 years ago

有相关代码吗？方便我去定位一下。

luse000 commented 4 years ago

这是这个页面的基础代码可以直接查看错误

js:


import wepy from 'wepy'
export default class Face extends wepy.page {
config = {
    navigationBarTitleText: '视频',
};
data = {
    roomID: '', // 房间id
    muted: false,
    userID: '',
    userSig: '',
    sdkAppID: 0,
    autoplay: true,
    enableCamera: true,
};

}


- css:

.float live-pusher {
    width: 100%;
    height: 100vh;
}
.float live-player {
    width: 100%;
    height: 100vh;
}

luse000 commented 4 years ago

html:

<view class="float ">
    <live-pusher
        id="rtcpusher"
        class="livePusher"
        autopush
        mode="RTC"
        url="{{pushURL}}"
        aspect="{{aspect}}"
        audio-quality="high"
        beauty="{{beauty}}"
        muted="{{muted}}"
        enable-camera="{{enableCamera}}"
    >
    </live-pusher>
    <live-player
        id="{{item.userID}}"
        autoplay
        mode="RTC"
        muted="{{muted}}"
        object-fit="fillCrop"
        src="{{item.accelerateURL}}"
    >
    </live-player>
</view>

luse000 commented 4 years ago

非常感谢

luse000 commented 4 years ago

错误提示：VM1482:1 Uncaught (in promise) AbortError: The play() request was interrupted by a new load request. https://goo.gl/LdLk22

luse000 commented 4 years ago

有相关代码吗？方便我去定位一下。

你好，我刚刚上传了代码，麻烦您查看一下，谢谢

Tencent / wepy