W3C媒体与Vega媒体控制集成

1. 启用VMC。按照开始使用Vega媒体控制概述中所述，将必要的清单条目添加到manifest.toml文件中。
2. 更新您的package.json文件，以在@amazon-devices/kepler-media-controls上获取依赖项。
3. 获取交互式组件的组件实例：
   import { useComponentInstance , IComponentInstance } from '@amazon-devices/react-native-kepler';
   
   const componentInstance: IComponentInstance = useComponentInstance();
   
4. 在初始化视频播放器之前，将媒体控制焦点设置在播放器实例上。 player.setMediaControlFocus(componentInstance);

1. 扩展W3C媒体提供的KeplerMediaControlHandler并覆盖应用想要覆盖的函数。
    import {KeplerMediaControlHandler} from "@amazon-devices/react-native-w3cmedia";
    import {IMediaSessionId } from '@amazon-devices/kepler-media-controls';
   
    class AppOverrideMediaControlHandler extends KeplerMediaControlHandler {
        async handlePlay(mediaSessionId?: IMediaSessionId) {
            if(shouldOverride) {
                // 根据应用的要求进行自定义处理
            } else {
                // 调用默认处理程序
                super.handlePlay(mediaSessionId);
            }
        }
    };
   
2. 将应用的媒体控制处理程序作为第二个参数传递给setMediaControlFocus方法。
   player.setMediaControlFocus(componentInstance, new AppOverrideMediaControlHandler());
   

​

相关主题

• Vega媒体控制API参考