使用抖音小程序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>
0 个回复