更新记录
1.1.2(2024-05-31)
1.修改组件调用名称为play-rtsp。 2.修改组件事件名称为小写字母,解决uniapp x中事件不触发的问题。
1.1.1(2024-04-11)
调整iOS视频渲染对象创建时机。
1.1.0(2024-04-10)
优化切换options参数时插件逻辑处理。
查看更多平台兼容性
HbuilderX/cli最低兼容版本 |
---|
3.7.0 |
uni-app
Vue2 | Vue3 |
---|---|
√ | ? |
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
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项目中(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及更高版本