鸿蒙分布式投屏

鸿蒙AVSession Kit------ ArkTS 与 C/C++ 双语言、Provider 与 Controller 全角 - 掘金

适用:API 12+ / ArkTS & C++ / 手机→智慧屏、耳机、车机等任意分布式设备


一、投播全景图

flowchart LR A["手机播放器"] -->|"AVSession\nsetAVMetadata/State"| M["本地会话"] M -->|"AVCastPicker.show()"| P["投播面板"] P -->|"用户选择设备"| D["远端设备\n智慧屏/耳机/车机"] D -->|"AVSessionController"| R["远端播放器"] M -.->|"投播生命周期事件"| A

二、核心概念 1 张表

概念 作用 备注 AVCastPicker 系统 UI,列出可投设备 一行代码唤起 AVCastController 跨设备会话控制器 与本地 AVSessionController 同族 CastState 枚举:IDLE / CONNECTING / CONNECTED / DISCONNECTING 监听投播链路状态 CastPlayback 投播过程中的播放状态 仍通过本地 AVSession 同步


三、ArkTS 最小落地(4 步 8 行)

  1. 准备本地会话(与本地播放完全一致)
ts 复制代码
const session = await avSession.createAVSession(getContext(), 'MusicCast', 'audio');
await session.setAVMetadata({...});
await session.setAVPlaybackState({...});
await session.activate();
  1. 唤起投播面板
ts 复制代码
import { avCast } from '@kit.AVSessionKit';
const picker = new avCast.AVCastPicker();
picker.show(session.sessionId);          // ① 一行弹出设备列表
  1. 监听投播状态
ts 复制代码
session.on('castStateChange', (state: avCast.CastState) => {
  console.info('投播状态', state);       // ② 连接/断开/失败
});
  1. 远端控制
ts 复制代码
const castCtrl = await session.createCastController(); // ③ 拿到跨设备控制器
await castCtrl.sendControlCommand({ command: 'pause' });

四、C/C++ NDK 最小落地

cpp 复制代码
// 1. 创建本地会话
OH_AVSession* session;
OH_AVSession_Create("CastDemo", SESSION_TYPE_AUDIO,
                    "com.demo", "MainAbility", &session);

// 2. 唤起投播面板
OH_AVCastPicker_Show(session);

// 3. 监听状态
OH_AVSession_RegisterCastStateCallback(session,
  [](OH_AVSession*, CastState state, void*){ /* 处理 */ }, nullptr);

// 4. 远端控制
OH_AVCastController* castCtrl;
OH_AVCastController_Create(session, &castCtrl);
OH_AVControllerCommand cmd = { .command = COMMAND_PAUSE };
OH_AVCastController_SendCommand(castCtrl, &cmd);

五、投播生命周期事件

事件 触发时机 建议动作 castStateChange 连接/断开/失败 切换 UI(本地 ↔ 远端) castPlaybackStateChange 远端播放状态变化 同步进度条 castOutputDeviceChange 可用设备列表变化 刷新投播面板

注册示例(ArkTS)

ts 复制代码
session.on('castPlaybackStateChange', (state) => updateProgress(state.position));
session.on('castOutputDeviceChange',   (list) => refreshPicker(list));

六、后台投播 checklist

  • 本地会话已激活并设置元数据
  • 申请了 AUDIO_PLAYBACK 长时任务(投播期间仍在后台播放)
  • 监听 castStateChange,在 DISCONNECTED 时切回本地播放器
  • 远端设备断开后主动 release() CastController 避免泄漏

七、一句话总结

"把本地 AVSession 搭好,加一行 AVCastPicker.show(),其余全部复用现有播放逻辑。"

相关推荐
大雷神22 分钟前
HarmonyOS APP<玩转React>开源教程十六:课程列表页面
harmonyos
弓.长.33 分钟前
ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-video — 视频播放组件
react native·音视频·harmonyos
坚果派·白晓明1 小时前
在 Ubuntu 中搭建鸿蒙 PC 三方库交叉编译构建开发环境
ubuntu·华为·harmonyos
弓.长.1 小时前
ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-webview — 网页渲染组件
react native·react.js·harmonyos
UnicornDev2 小时前
【HarmonyOS 6】今日统计卡片实战:运动记录数据概览
华为·harmonyos·arkts·鸿蒙·鸿蒙系统
前端不太难3 小时前
如何设计 AI Native 鸿蒙应用架构
人工智能·架构·harmonyos
弓.长.3 小时前
ReactNative for OpenHarmony项目鸿蒙化三方库:@react-native-picker
react native·react.js·harmonyos
恋猫de小郭3 小时前
Android 禁止侧载将正式实施,需要等待 24 小时冷静期
android·flutter·harmonyos
ShuiShenHuoLe3 小时前
组件的状态ComponentV2
harmonyos·鸿蒙
弓.长.3 小时前
ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-button — 自定义按钮组件
react native·react.js·harmonyos