更新记录
1.1.4(2024-09-02)
修改安卓VLC内核引用仓库地址。
1.1.3(2024-08-21)
修复安卓不能正常运行的问题。
1.1.2(2024-05-31)
1.修改组件调用名称为play-rtsp。 2.修改组件事件名称为小写字母,解决uniapp x中事件不触发的问题。
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0,Android:4.4,iOS:12,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
概述
XF-playRtspUTS封装了VLC播放内核,可以实现播放RTSP等协议地址的直播播放功能 (不支持多开)。
模块调用
<play-rtsp ref="playRtspUTS" :options="--rtsp-top|-vv" :style="{width:widthNum+'rpx',height:heightNum+'px',background:yanse}"
@loaded="onLoaded" @opening="opening" @paused="paused" @stopped="stopped" @playing="playing" @ended="ended" @buffering="buffering"
@timechanged="timeChanged" @error="error" @recording="recording">
</play-rtsp>
模块接口
playVideo
开始播放
uni-app项目中(nvue)调用示例:
import { playVideo } from "@/uni_modules/XF-playRtspUTS"
playVideo({
url: "",
hwAcc: 0,
options: [],
complete: (res) => {
console.log(res)
}
});
uni-app x项目(uvue)中调用示例:
import { playVideo } from "@/uni_modules/XF-playRtspUTS";
import { PlayOptions } from "@/uni_modules/XF-playRtspUTS/utssdk/interface.uts";
let options = {
url: "",
hwAcc: 0,
options: [],
complete: (res : any) => {
console.log(res)
}
} as PlayOptions;
playVideo(options);
可用性
iOS、Android系统
可提供的1.0.2及更高版本
pauseVideo
暂停播放
pauseVideo()
uni-app项目中(nvue)调用示例:
import { pauseVideo } from "@/uni_modules/XF-playRtspUTS"
pauseVideo();
uni-app x项目(uvue)中调用示例:
import { pauseVideo } from "@/uni_modules/XF-playRtspUTS";
pauseVideo();
可用性
iOS、Android系统
可提供的1.0.2及更高版本
resumeVideo
暂停后恢复播放
resumeVideo()
uni-app项目中(nvue)调用示例:
import { resumeVideo } from "@/uni_modules/XF-playRtspUTS"
resumeVideo();
uni-app x项目(uvue)中调用示例:
import { resumeVideo } from "@/uni_modules/XF-playRtspUTS";
resumeVideo();
可用性
iOS、Android系统
可提供的1.0.2及更高版本
stopVideo
停止播放
stopVideo()
uni-app项目中(nvue)调用示例:
import { stopVideo } from "@/uni_modules/XF-playRtspUTS"
stopVideo();
uni-app x项目(uvue)中调用示例:
import { stopVideo } from "@/uni_modules/XF-playRtspUTS";
stopVideo();
可用性
iOS、Android系统
可提供的1.0.2及更高版本
isPlaying
是否正在播放
uni-app项目中(nvue)调用示例:
import { isPlaying } from "@/uni_modules/XF-playRtspUTS"
isPlaying();
uni-app x项目(uvue)中调用示例:
import { isPlaying } from "@/uni_modules/XF-playRtspUTS";
isPlaying();
可用性
iOS、Android系统
可提供的1.0.0及更高版本