39704f2b创建于 2024年7月13日历史提交

通话设备切换

介绍

本示例主要展示了通话设备切换的相关功能，使用@ohos.multimedia.avCastPicker和@ohos.multimedia.avCastPickerParam等接口实现通话设备切换功能。

注意：通话设备切换按钮可显示默认样式或者自定义样式，默认样式由系统提供，自定义组件由应用提供。还可参考相关的开发指南。

效果预览

主页	默认样式页面	自定义样式页面

使用说明

点击进入主页，可以选择点击按钮默认样式组件和自定义样式组件，如果点击默认样式组件，跳转到显示默认样式的页面；点击自定义样式组件，跳转到显示自定义样式的页面；
进入页面后，有三个按钮，分别是start,stop和设备切换按钮，点击start按钮，可播放音频，点击stop，可暂停音频，点击设备切换按钮，可选择当前输出设备并显示设备对应的样式。

工程目录

项目中关键的目录结构如下：

entry/src/main/ets/
|---pages
|---|---Index.ets                                  //初始界面实现
|---|---DefaultPicker.ets                          //默认样式实现
|---|---CustomPicker.ets                           //自定义样式实现

具体实现

初始界面实现

初始界面相关的实现都封装在pages/Index.ets下，源码参考：pages/Index.ets。

界面显示两个按钮分别为默认样式组件和自定义样式组件，可分别跳转到系统默认样式实现界面和自定义样式实现界面，相关代码如下：

Button() {
  // 按钮的内容
}
.onClick(async() => {
  await router.pushUrl({ url:'pages/DefaultPicker' });//系统默认样式实现
})

Button() {
  // 按钮的内容
}
.onClick(async() => {
  await router.pushUrl({ url:'pages/CustomPicker' });//自定义样式实现
})

默认系统样式

默认系统样式的相关内容封装在pages/DefaultPicker.ets下，源码参考：pages/DefaultPicker.ets。

在需要切换设备的通话界面创建AVCastPicker组件。

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

AVCastPicker({
  normalColor: this.avCastPickerColor,
  activeColor: this.avCastPickerColor,
})
  .size({ width: 45, height: 45 })

拉起组件前需创建voice_call类型的AVSession，AVSession在构造方法中支持不同的类型参数，由AVSessionType定义，voice_call表示通话类型。
```
import { avSession } from '@kit.AVSessionKit';

init() {
  //...
  this.session = await avSession.createAVSession(this.appContext, 'voiptest', 'voice_call');
}
```

创建VOICE_COMMUNICATION类型的AudioRenderer，并播放，可模拟通话场景：

创建如下三个变量。

private audioRendererInfo: audio.AudioRendererInfo = {
  usage: audio.StreamUsage.STREAM_USAGE_VOICE_COMMUNICATION,
  rendererFlags: 0
}
private audioStreamInfo: audio.AudioStreamInfo = {
  samplingRate: audio.AudioSamplingRate.SAMPLE_RATE_48000, // 采样率
  channels: audio.AudioChannel.CHANNEL_2, // 通道
  sampleFormat: audio.AudioSampleFormat.SAMPLE_FORMAT_S16LE, // 采样格式
  encodingType: audio.AudioEncodingType.ENCODING_TYPE_RAW // 编码格式
}
private  audioRendererOption: audio.AudioRendererOptions = {
  streamInfo: this.audioStreamInfo,
  rendererInfo: this.audioRendererInfo
}

调用 startRenderer() 播放音频。
调用 stopRenderer() 暂停播放音频。

自定义样式

自定义样式的相关内容封装在pages/CustomPicker.ets下，源码参考：pages/CustomPicker.ets。