更新记录
1.1.1(2024-04-11)
调整iOS视频渲染对象创建时机。
1.1.0(2024-04-10)
优化切换options参数时插件逻辑处理。
1.0.9(2024-04-10)
修改规则options参数必须定义。
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0,Android:4.4,iOS:11 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
概述
XF-playRtspUTS封装了VLC播放内核,可以实现播放RTSP等协议地址的直播播放功能 (不支持多开)。
模块调用
<XF-playRtspUTS ref="playRtspUTS" :options="--rtsp-top|-vv" :style="{width:widthNum+'rpx',height:heightNum+'px',background:yanse}"
@onLoaded="onLoaded" @opening="opening" @paused="paused" @stopped="stopped" @playing="playing" @ended="ended" @buffering="buffering"
@timeChanged="timeChanged" @error="error" @recording="recording">
</XF-playRtspUTS>
模块接口
playVideo
开始播放
uni-app项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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及更高版本