移动 App 切换 1v1 场景视图

更新时间: 2024/06/11 14:14:24

移动 App 中 1 对 1 业务场景相应的音视频通话界面包含 本端视频窗口远端视频窗口,效果如下图所示:

效果图.png

视图窗口动态切换

用户如果有需求,本端窗口和远端窗口允许动态切换,那么在调用 changeVideoCanvas 接口实现。

必须本端和远端的视图都渲染完成后,才可以调用该接口,否则不生效

示例项目源码

网易云信提供 视图切换示例项目源码(在 1v1Call.nvue 文件中),您可以参考该源码。

javascriptthis.engine.changeVideoCanvas({
    localVideoCanvasConfig: { //本端试图的配置内容
        renderMode: 2, // 0 表示使用视频,视频等比缩放,1 表示适应区域,会裁剪,2:折中方案 //当前 demo 先使用数字,正式版本会是枚举
        mirrorMode: 2, //1 表示启用镜像,2 表示不启用
    },
    remoteVideoCanvasConfig: { //远端试图的配置内容
        renderMode: 1, // 0 表示使用视频,视频等比缩放,1 表示适应区域,会裁剪,2:折中方案 //当前 demo 先使用数字,用户可以使用枚举
        mirrorMode: 1, //1 表示启用镜像,2 表示不启用
        userID: this.remoteUserID,
        userStringID: this.remoteUserID + ''
    }
})
此文档是否对你有帮助?
有帮助
去反馈
  • 视图窗口动态切换
  • 示例项目源码