使用@capgo/capacitor-video-player
Capacitor插件用于在原生播放器中播放视频
安装
bun add @capgo/capacitor-video-player
bunx cap sync
bunx cap sync 将插件的本地code复制到您的本地项目中。每次升级插件后,请重新运行它。
导入
import { VideoPlayer } from '@capgo/capacitor-video-player';
API概览
| 方法 | 描述 |
|---|---|
initPlayer |
初始化视频播放器。 |
isPlaying |
检查是否正在播放指定的 playerId。 |
play |
从指定的 playerId 播放当前视频。 |
pause |
暂停当前视频从指定的 playerId。 |
getDuration |
获取指定的 playerId 中当前视频的持续时间。 |
getCurrentTime |
获取指定的 playerId 中当前视频的当前时间。 |
setCurrentTime |
设置当前时间以从指定的 playerId 中寻找当前视频。 |
getVolume |
获取当前视频的音量(由 playerId 指定)。 |
setVolume |
设置当前视频的音量(由 playerId 指定)。 |
getMuted |
获取当前视频的静音状态(由 playerId 指定)。 |
setMuted |
设置当前视频的静音状态(由 playerId 指定)。 |
setRate |
设置当前视频的播放速度(由 playerId 指定)。 |
getRate |
获取当前视频的播放速度(由 playerId 指定)。 |
stopAllPlayers |
停止所有正在播放的视频。 |
showController |
显示控制器。 |
isControllerIsFullyVisible |
控制器是否完全可见。 |
exitPlayer |
退出播放器。 |
hidePlayer |
隐藏当前播放的视频 UI(原生全屏)而不停止播放。 |
showPlayer |
显示之前隐藏的视频 UI(原生全屏) |
示例
initPlayer()
初始化视频播放器
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.initPlayer({ mode: 'fullscreen' });
console.log(result);
isPlaying()
检查 playerId 是否正在播放
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.isPlaying({ playerId: 'player-id-123' });
console.log(result);
play()
播放 playerId 对应的当前视频
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.play({ playerId: 'player-id-123' });
console.log(result);
pause()
暂停 playerId 对应的当前视频
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.pause({ playerId: 'player-id-123' });
console.log(result);
getDuration()
获取 playerId 对应的当前视频时长
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getDuration({ playerId: 'player-id-123' });
console.log(result);
getCurrentTime()
获取 playerId 对应的当前视频播放位置
import { VideoPlayer } from '@capgo/capacitor-video-player';
const result = await VideoPlayer.getCurrentTime({ playerId: 'player-id-123' });
console.log(result);
上表列出了 19 个核心方法。监听器和版本帮助,以及每个方法的完整契约,均在 __CAPGO_KEEP_0__ 仓库中 GitHub 仓库.
文档
从使用@capgo/capacitor-video-player继续
如果您正在使用 使用@capgo/capacitor-video-player 为了规划原生媒体和界面行为,连接它与 @capgo/capacitor视频播放器 在@capgo/capacitor-video-player中了解实现细节 开始 在开始中了解实现细节 使用@capgo/capacitor-live-activities 了解@capgo/capacitor-live-activities中的原生能力 @capgo/capacitor-live-activities 为 @capgo/capacitor-live-activities 的实现细节, 使用 @capgo/capacitor-native-navigation 为使用 @capgo/capacitor-native-navigation 的原生能力