跳过主要内容

Mux 播放器 Capacitor 插件

使用 Mux 播放器流式传输适应性比特率视频,实现最佳播放质量

安装

bun add @capgo/capacitor-mux-player bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-mux-player
  • pnpm add @capgo/capacitor-mux-player
  • yarn add @capgo/capacitor-mux-player

指南

如何在Capacitor中使用Mux Player

在设备上测试

下载Capgo应用程序,然后扫描code中的二维码。

Mux Player 插件预览二维码 code

使用 @capgo/capacitor-mux-player

原生 Mux Player SDK 可在 IOS 和 Android 上播放视频。

安装

bun add @capgo/capacitor-mux-player
bunx cap sync

bunx cap sync 将插件的原生 code 复制到您的原生项目中。每次升级插件后,请重新运行。

导入

import { MuxPlayer } from '@capgo/capacitor-mux-player';

API 简介

方法 描述
play 启动原生 Mux 播放器,进入全屏播放。
dismiss 如果播放器可见,则关闭。
isActive 返回当前是否正在显示播放器。

示例

play()

启动原生 Mux 播放器,进入全屏播放。

import { MuxPlayer } from '@capgo/capacitor-mux-player';

await MuxPlayer.play({ playbackId: 'playback-id-123' });

dismiss()

如果播放器可见,则关闭。

import { MuxPlayer } from '@capgo/capacitor-mux-player';

await MuxPlayer.dismiss();

isActive()

返回当前是否正在显示播放器。

import { MuxPlayer } from '@capgo/capacitor-mux-player';

const result = await MuxPlayer.isActive();
console.log(result);

区域/页面:bug-bounty 问题报告页面。角色:页面标题。见于:page bug-bounty.astro。消息键 `bug_bounty_supabase_examples_title` (Bug Bounty Supabase 示例标题)。

addListener 监听事件 handle.remove() 返回句柄。调用 MuxPlayer.removeAllListeners() 当屏幕卸载时,或者

清除所有监听器。

继续使用 @capgo/capacitor-mux-player

如果您正在使用 使用 @capgo/capacitor-mux-player 来规划原生媒体和界面行为,连接它与 @capgo/capacitor-mux-player 查看 @capgo/capacitor-mux-player 的实现细节 开始 查看开始的实现细节 使用 @capgo/capacitor-live-activities 为使用@capgo/capacitor-live-activities的原生能力 @capgo/capacitor-直播活动 为@capgo/capacitor-live-activities的实现细节 使用@capgo/capacitor-video-player 为使用@capgo/capacitor-video-player的原生能力

FAQ

mux 播放器插件 FAQ

如何在 Capacitor 应用中安装 mux 播放器插件?

运行 "bun add @capgo/capacitor-mux-player" (或 "npm install @capgo/capacitor-mux-player"),然后运行 "bunx cap sync" 以使 iOS 和 Android 项目捕获 native code。从 "@capgo/capacitor-mux-player" 导入到您的应用 code 中。

@capgo/capacitor-mux-player 与 React、Vue 和 Angular 是否兼容?

是的。mux 播放器是一个 Capacitor 包,因此它与任何运行在 Capacitor 内的 web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

@Capacitor 的哪个版本支持 @capgo/capacitor-mux-player?

Capgo 插件遵循 Capacitor 的主要版本:使用与您的 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格列出了维护的版本。

@capgo/capacitor-mux-player 是否免费和开源?

是的,源码code在GitHub上公开,https://github.com/Cap-go/capacitor-mux-player/,并且可以从npm免费安装。欢迎bug报告和pull请求。

是否可以在不经过App Store审查的情况下更新使用Mux Player的code?

安装或升级插件会改变原生code,因此需要重新构建App Store。之后,JavaScript、HTML和CSS调用插件的更改可以立即通过Capgo实时更新发布。

不必等待应用程序审查就可以将Mux Player的更改推送到商店

一旦插件在您的商店构建中,Capgo实时更新将将您的JavaScript、HTML和CSS更改推送给用户,仅需几分钟。

开始使用Capgo