文档中心
ExpressVideoSDK 实时音视频
文档中心
体验 App
SDK 中心
API 中心
常见问题
代码市场
进入控制台
立即注册
登录
中文站 English
  • 文档中心
  • 实时音视频
  • 视频能力
  • 设置视频属性

设置视频属性

更新时间:2024-03-25 11:29

功能简介

当视频通话或直播时,开发者可以根据需要设置视频属性,调整视频画面的清晰度、流畅度以及镜像,从而获得较好的用户体验。

前提条件

在设置视频属性前,请确保已在项目中实现了基本的音视频推拉流功能,详情请参考:

  • 微信小程序 - 集成 SDK 和 微信小程序 - 实现流程。
  • 支付宝小程序 - 集成 SDK 和 支付宝小程序 - 实现流程。

使用步骤

设置微信小程序的视频属性

可通过设置 微信小程序 的 <live-pusher> 组件的属性,调整视频质量。

  • 设置 mode 属性调整视频分辨率,具体取值如下:

    取值 描述
    RTC 实时通话(默认值)
    SD 标清
    HD 高清
    FHD 超清
  • 设置 min-bitrate 、max-bitrate 属性调整视频最小码率、最大码率。

    • <live-pusher> 组件的默认最小码率为 200 kbps,默认最大码率为 1000 kbps。

    • 如果使用默认值编码出的画面质量不符合要求,请将 min-bitrate 和 max-bitrate 的值设置得更高一些。

    • 为了避免带宽不足影响视频质量,建议自定义值不要超过默认值的 2 倍,详情请参考微信小程序 live-pusher 文档。

    <live-pusher
      wx:if="{{pushUrl}}"
      id="video-livePusher"
      mode="RTC"
      url="{{pushUrl}}"
      min-bitrate="{{pushConfig.minBitrate}}"
      max-bitrate="{{pushConfig.maxBitrate}}"
      aspect="{{pushConfig.aspect}}"
      beauty="{{pushConfig.isBeauty}}"
      muted="{{pushConfig.isMute}}"
      background-mute="true"
      debug="{{pushConfig.showLog}}"
      bindstatechange="onPushStateChange"
      bindnetstatus="onPushNetStateChange">
      <cover-view class='character' style='padding: 0 5px;'>{{isPublishing ? "我(" + publishStreamId + ")": ""}}</cover-view>
    </live-pusher>    

设置支付宝小程序的视频属性

可通过设置 支付宝小程序 的 <rtc-room> 组件的属性,调整视频质量。

  • 设置 resolution 属性调整视频分辨率,具体取值如下:

    取值 描述
    0 标清(分辨率为 640 × 360)
    1 高清(分辨率为 960 × 540)
    2 超清(分辨率为 1280 × 720)
  • 设置 min-bitrate 、max-bitrate 属性调整视频最小码率、最大码率。

    如果使用默认值编码出的画面质量不符合要求,请将 min-bitrate 和 max-bitrate 的值设置得更高一些。

    <view class="containerBase">
        <rtc-room
        a:if="{{showRtcroom}}"
        class="rtcContent"
        id="{{rtcroomID}}"
        roomId="{{rtcroom.roomId}}"
        token="{{rtcroom.token}}"
        userId="{{rtcroom.userId}}"
        signature="{{rtcroom.signature}}"
        autoplay="{{rtcroom.autoplay}}"
        enable-camera="{{rtcroom.enableCamera}}"
        mute="{{rtcroom.mute}}"
        fps="{{rtcroom.fps}}"
        resolution="{{rtcroom.resolution}}"
        record="{{rtcroom.record}}"
        min-bitrate="{{rtcroom.minBitrate}}"
        max-bitrate="{{rtcroom.maxBitrate}}"
        extraInfo="{{rtcroom.extraInfo}}"
        onError="onError"
        onRoomInfo="onRoomInfo"
        onParticipantEnter="onParticipantEnter"
        onParticipantLeave="onParticipantLeave"
        onAudioPlayoutMode="onAudioPlayoutMode"
        onReceiveRecordId="onReceiveRecordId"
        onRtmpEvent="onRtmpEvent"
        />
    </view>
本篇目录
  • 免费试用
  • 提交工单
    咨询集成、功能及报价等问题
    电话咨询
    400 1006 604
    咨询客服
    微信扫码,24h在线

    联系我们

  • 文档反馈