1***@qq.com
1***@qq.com
  • 发布:2023-12-07 20:44
  • 更新:2023-12-07 20:44
  • 阅读:163

抖音能力组件rtc-room不兼容vue3

分类:uni-app

使用抖音小程序rtc-room功能,同一份代码使用vue2来调试demo,可以与火山rtc联调成功,同样的代码转换成vue3后无法播放,经过双方确认,原因在于打包后rtc-room能力组件的mode和user-id属性被删除,给放到u-p里去了

代码示例:
使用vue3运行后生成的代码

<view><view tt:for="{{a}}" tt:for-item="item" tt:key="f" class="rtc-item" bindtap="{{b}}" data-stream="{{item.g}}"><rtc-room tt:if="{{item.a}}" key="{{item.b}}" binderror="{{item.c}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"></rtc-room></view><view bindtap="{{c}}">joinRooms</view></view>

使用vue2运行后生成的代码

<view>  
    <block tt:for="{{streamList}}" tt:for-item="item" tt:for-index="__i0__">  
        <view class="rtc-item" data-stream="{{item}}" data-event-opts="{{[['tap',[['handlePlayerTap',['$event']]]]]}}"  
            bindtap="__e">  
            <block tt:if="{{item.mode==='screen'?item.isScreen:item.cameraOn}}"><rtc-room  
                    vue-id="{{'' __i0__}}" user-id="{{item.userId}}" mode="{{item.mode}}"  
                    data-event-opts="{{[['^error',[['handleError']]]]}}" bind:error="__e" bind:__l="__l"></rtc-room>  
            </block>  
        </view>  
    </block>  
    <view data-event-opts="{{[['tap',[['joinRoom',['$event']]]]]}}" bindtap="__e">joinRoom</view>  
</view>
2023-12-07 20:44 负责人:无 分享
已邀请:

要回复问题请先登录注册