更新记录
1.0.7(2024-10-08)
优化调整iOS页面关闭播放器释放逻辑。
1.0.6(2024-09-26)
修复处理在uniapp中播放器事件持续触发问题。
1.0.5(2024-09-26)
安卓git仓库信息和iOS的Pod资源信息调整。
查看更多平台兼容性
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-ijkplayerUTS实现了ijkplayer播放器内核,实现iOS画中画播放功能。
模块调用
<xf-ijk-view ref="ijkplayer" :style="{width:widthNum+'rpx',height:heightNum+'px',background:yanse}">
</xf-ijk-view>
模块接口
addDelegate
添加播放器事件监听
uni-app项目中(nvue)调用示例:
import { addDelegate } from "@/uni_modules/XF-ijkplayerUTS";
addDelegate({
success: (res) => {
console.log(res)
}
})
uni-app x项目(uvue)中调用示例:
import { addDelegate } from "@/uni_modules/XF-ijkplayerUTS";
import { DelegateOption } from "@/uni_modules/XF-ijkplayerUTS/utssdk/interface.uts";
let options = {
success: (res : any) => {
console.log(res)
}
} as DelegateOption;
setKernelConfig(options);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
removeDelegate
移除播放器事件监听
uni-app项目中(nvue)调用示例:
import { removeDelegate } from "@/uni_modules/XF-ijkplayerUTS";
removeDelegate({
complete: (res) => {
console.log(res)
}
})
uni-app x项目(uvue)中调用示例:
import { removeDelegate } from "@/uni_modules/XF-ijkplayerUTS";
import { PlayerOption } from "@/uni_modules/XF-ijkplayerUTS/utssdk/interface.uts";
let options = {
complete: (res : any) => {
console.log(res)
}
} as PlayerOption;
removeDelegate(options);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
startVideo
开始视频播放
uni-app项目中(nvue)调用示例:
import { startVideo } from "@/uni_modules/XF-ijkplayerUTS";
startVideo({
url: "https://file.tyousan.top/video_demo2_low.mp4",
isAutoPlay: true, //是否自动播放
isLoop : false, //是否循环播放
process : 1000, //设置视频进度
headers : {}, //
options : {}, //播放器内核参数配置
scalingMode : 1, //视频渲染模式
isLocalCache : false,//开启视频播放一次后缓存本地离线播放
isMute : false, //是否静音播放
isLive : false,//是否直播流播放
complete: (res) => {
console.log(res)
}
})
uni-app x项目(uvue)中调用示例:
import { startVideo } from "@/uni_modules/XF-ijkplayerUTS";
import { StartVideoOption } from "@/uni_modules/XF-ijkplayerUTS/utssdk/interface.uts";
let options = {
url: "https://file.tyousan.top/video_demo2_low.mp4",
isAutoPlay: true, //是否自动播放
isLoop : false, //是否循环播放
process : 1000, //设置视频进度
headers : {}, //
options : {}, //播放器内核参数配置
scalingMode : 1, //视频渲染模式
isLocalCache : false,//开启视频播放一次后缓存本地离线播放
isMute : false, //是否静音播放
isLive : false,//是否直播流播放
complete: (res : any) => {
console.log(res)
}
} as StartVideoOption;
startVideo(options);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
stopVideo
停止视频播放
uni-app项目中(nvue)调用示例:
import { stopVideo } from "@/uni_modules/XF-ijkplayerUTS";
stopVideo({
complete: (res) => {
console.log(res)
}
})
uni-app x项目(uvue)中调用示例:
import { stopVideo } from "@/uni_modules/XF-ijkplayerUTS";
import { PlayerOption } from "@/uni_modules/XF-ijkplayerUTS/utssdk/interface.uts";
let options = {
complete: (res : any) => {
console.log(res)
}
} as PlayerOption;
stopVideo(options);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
setMute
静音开关
uni-app项目中(nvue)调用示例:
import { setMute } from "@/uni_modules/XF-ijkplayerUTS";
setMute(true)
uni-app x项目(uvue)中调用示例:
import { setMute } from "@/uni_modules/XF-ijkplayerUTS";
setMute(true);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
setVolume
音量设置(0-100)
uni-app项目中(nvue)调用示例:
import { setVolume } from "@/uni_modules/XF-ijkplayerUTS";
setVolume(50)
uni-app x项目(uvue)中调用示例:
import { setVolume } from "@/uni_modules/XF-ijkplayerUTS";
setVolume(50);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
setAspectRatio
设置视频渲染模式(1:无缩放, 2:适应大小模式, 3:充满可视范围,可能会被裁剪, 4:缩放到充满视图)
uni-app项目中(nvue)调用示例:
import { setAspectRatio } from "@/uni_modules/XF-ijkplayerUTS";
setAspectRatio(1)
uni-app x项目(uvue)中调用示例:
import { setAspectRatio } from "@/uni_modules/XF-ijkplayerUTS";
setAspectRatio(1);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
pause
暂停视频播放
uni-app项目中(nvue)调用示例:
import { pause } from "@/uni_modules/XF-ijkplayerUTS";
pause()
uni-app x项目(uvue)中调用示例:
import { pause } from "@/uni_modules/XF-ijkplayerUTS";
pause();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
start
恢复视频播放
uni-app项目中(nvue)调用示例:
import { start } from "@/uni_modules/XF-ijkplayerUTS";
start()
uni-app x项目(uvue)中调用示例:
import { start } from "@/uni_modules/XF-ijkplayerUTS";
start();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getDuration
获取视频总时长
uni-app项目中(nvue)调用示例:
import { getDuration } from "@/uni_modules/XF-ijkplayerUTS";
getDuration()
uni-app x项目(uvue)中调用示例:
import { getDuration } from "@/uni_modules/XF-ijkplayerUTS";
getDuration();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getCurrentPosition
获取已播放视频时长
uni-app项目中(nvue)调用示例:
import { getCurrentPosition } from "@/uni_modules/XF-ijkplayerUTS";
getCurrentPosition()
uni-app x项目(uvue)中调用示例:
import { getCurrentPosition } from "@/uni_modules/XF-ijkplayerUTS";
getCurrentPosition();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getBufferPosition
获取已缓存视频时长
uni-app项目中(nvue)调用示例:
import { getBufferPosition } from "@/uni_modules/XF-ijkplayerUTS";
getBufferPosition()
uni-app x项目(uvue)中调用示例:
import { getBufferPosition } from "@/uni_modules/XF-ijkplayerUTS";
getBufferPosition();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
setSpeed
设置播放速度
uni-app项目中(nvue)调用示例:
import { setSpeed } from "@/uni_modules/XF-ijkplayerUTS";
setSpeed(2.0)
uni-app x项目(uvue)中调用示例:
import { setSpeed } from "@/uni_modules/XF-ijkplayerUTS";
setSpeed(2.0);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
seekTo
设置播放进度
uni-app项目中(nvue)调用示例:
import { seekTo } from "@/uni_modules/XF-ijkplayerUTS";
seekTo(234400)
uni-app x项目(uvue)中调用示例:
import { setSpeed } from "@/uni_modules/XF-ijkplayerUTS";
seekTo(234400);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getTcpSpeed
获取视频加载字节数据
uni-app项目中(nvue)调用示例:
import { getTcpSpeed } from "@/uni_modules/XF-ijkplayerUTS";
getTcpSpeed()
uni-app x项目(uvue)中调用示例:
import { getTcpSpeed } from "@/uni_modules/XF-ijkplayerUTS";
getTcpSpeed();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
getSpeed
获取播放速度
uni-app项目中(nvue)调用示例:
import { getSpeed } from "@/uni_modules/XF-ijkplayerUTS";
getSpeed()
uni-app x项目(uvue)中调用示例:
import { getSpeed } from "@/uni_modules/XF-ijkplayerUTS";
getSpeed();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
isPlaying
视频是否正在播放
uni-app项目中(nvue)调用示例:
import { isPlaying } from "@/uni_modules/XF-ijkplayerUTS";
isPlaying()
uni-app x项目(uvue)中调用示例:
import { isPlaying } from "@/uni_modules/XF-ijkplayerUTS";
isPlaying();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
isCompleted
视频是否已经播放完
uni-app项目中(nvue)调用示例:
import { isCompleted } from "@/uni_modules/XF-ijkplayerUTS";
isCompleted()
uni-app x项目(uvue)中调用示例:
import { isCompleted } from "@/uni_modules/XF-ijkplayerUTS";
isCompleted();
可用性
iOS、Android系统
可提供的1.0.0及更高版本
takeSnapshot
视频截图
uni-app项目中(nvue)调用示例:
import { takeSnapshot } from "@/uni_modules/XF-ijkplayerUTS";
takeSnapshot({
complete: (res) => {
console.log(res)
}
})
uni-app x项目(uvue)中调用示例:
import { takeSnapshot } from "@/uni_modules/XF-ijkplayerUTS";
import { PlayerOption } from "@/uni_modules/XF-ijkplayerUTS/utssdk/interface.uts";
let options = {
complete: (res : any) => {
console.log(res)
}
} as PlayerOption;
takeSnapshot(options);
可用性
iOS、Android系统
可提供的1.0.0及更高版本
startPIP
进入画中画播放
uni-app项目中(nvue)调用示例:
import { startPIP } from "@/uni_modules/XF-ijkplayerUTS";
startPIP()
uni-app x项目(uvue)中调用示例:
import { startPIP } from "@/uni_modules/XF-ijkplayerUTS";
startPIP();
可用性
iOS系统
可提供的1.0.0及更高版本
stopPIP
退出画中画播放
uni-app项目中(nvue)调用示例:
import { stopPIP } from "@/uni_modules/XF-ijkplayerUTS";
stopPIP()
uni-app x项目(uvue)中调用示例:
import { stopPIP } from "@/uni_modules/XF-ijkplayerUTS";
stopPIP();
可用性
iOS系统
可提供的1.0.0及更高版本