HarmonyOS Next开发，如何使用AVCastPicker进行开发？

Question

HarmonyOS Next开发，如何使用AVCastPicker进行开发？

Answer 1

在需要投播的播放界面创建投播组件AVCastPicker

import { AVCastPicker, AVCastPickerState } from '@kit.AVSessionKit';

// 应用可以通过onStateChange接口监听组件显示/消失状态，当组件显示时建议不要销毁AVCastPicker的显示；当组件消失时，再根据业务隐藏AVCastPicker。
private onStateChange(state: AVCastPickerState) {
  if (state == AVCastPickerState.STATE_APPEARING) {
    console.log('The picker starts showing.');
  } else if (state == AVCastPickerState.STATE_DISAPPEARING) {
    console.log('The picker finishes presenting.');
  }
}

// 创建组件，并设置大小
build() {
  Row() {
    Column() {
      AVCastPicker({
        normalColor: Color.Red,
        onStateChange: this.onStateChange
      })
        .width('40vp')
        .height('40vp')
        .border({ width: 1, color: Color.Red })
    }.height('50%')
  }.width('50%')
}