更新记录

1.0.3(2024-09-17)

新增进入和退出画中画事件触发。

1.0.2(2024-09-16)

新增iOS停止画中画播放接口功能。

1.0.1(2024-09-16)

新增iOS画中画播放功能。

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.0,Android:4.4,iOS:12 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
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>

模块接口

setKernelConfig

设置播放器内核参数

uni-app项目中(vue/nvue)调用示例:

import { setKernelConfig } from "@/uni_modules/XF-ijkplayerUTS";

setKernelConfig({
    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 { setKernelConfig } from "@/uni_modules/XF-ijkplayerUTS";
import { KernelConfigOption } from "@/uni_modules/XF-ijkplayerUTS/utssdk/interface.uts";

let options = {
  isAutoPlay: true, //是否自动播放
  isLoop : false, //是否循环播放
  process : 1000, //设置视频进度
  headers : {},  //
  options : {},  //播放器内核参数配置
  scalingMode : 1, //视频渲染模式
  isLocalCache : false,//开启视频播放一次后缓存本地离线播放
  isMute : false, //是否静音播放
  isLive : false,//是否直播流播放
  complete: (res : any) => {
    console.log(res)
  }
} as KernelConfigOption;
setKernelConfig(options);

可用性

iOS、Android系统

可提供的1.0.0及更高版本

addDelegate

添加播放器事件监听

uni-app项目中(vue/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项目中(vue/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项目中(vue/nvue)调用示例:

import { startVideo } from "@/uni_modules/XF-ijkplayerUTS";

startVideo({
    url: "https://file.tyousan.top/video_demo2_low.mp4",
    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",
  complete: (res : any) => {
    console.log(res)
  }
} as StartVideoOption;
startVideo(options);

可用性

iOS、Android系统

可提供的1.0.0及更高版本

stopVideo

停止视频播放

uni-app项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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项目中(vue/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及更高版本

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问