更新记录

1.5(2023-03-14)

优化调试打包问题

1.4(2023-03-13)

解决鸿蒙3.0闪退问题

1.3(2023-03-09)

优化调试问题

查看更多

平台兼容性

Android Android CPU类型 iOS
适用版本区间:5.0 - 14.0 armeabi-v7a:支持,arm64-v8a:支持,x86:支持 ×

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择


画中画悬浮窗(视频) Ba-VideoPip

简介

Ba-VideoPip 是一款画中画方式的视频悬浮窗插件。支持点播、直播;支持官方、三方播放器无缝切换;支持动态刷新(如切换视频或进度)。

  • 支持点播、直播
  • 支持官方、三方播放器无缝切换
  • 支持动态刷新(如切换视频或进度)
  • 支持检测是否支持画中画
  • 支持检测画中画开关是否打开
  • 支持检测画中画是否打开(本插件)
  • 支持页面关闭画中画
  • 支持监听事件,如关闭、返回、视频播放完成等

有建议和需要,请联系QQ:2579546054

使用方法

script 中引入组件

    const videoPip = uni.requireNativePlugin('Ba-VideoPip')

script 中调用(示例参考,可根据自己业务和调用方法自行修改)

    const videoPip = uni.requireNativePlugin('Ba-VideoPip')
        export default {
        data() {
            return {
                msgList: [],
                currentTime: 0,
                url: '测试链接1.mp4',
                urls: [
                    "测试链接1.mp4",
                    "测试链接2.m3u8"
                ],
                custom: "/pages/video/video"
            }
        },
        methods: {
            startPip(url = this.url) {
                let that = this;
                videoPip.startPip({
                        url: url, //视频地址
                        currentTime: this.currentTime, //当前播放时长
                        isLive: false, //是否是直播,默认false
                        custom: this.custom, //自定义参数
                    },
                    res => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            restart() { //重新播放,(也可更改参数,用于切换)
                let that = this;
                videoPip.restart({
                        url: this.url,
                        currentTime: this.currentTime
                    },
                    res => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            isSupportPip() {//是否支持画中画
                let that = this;
                videoPip.isSupportPip(
                    res => {
                        console.log(res);
                        if (res.data) {
                            uni.showToast({
                                title: "isSupportPip:" + res.data.isSupportPip,
                                icon: "none",
                                duration: 3000
                            })
                        } else {
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                duration: 3000
                            })
                        }
                    });
            },
            isOpenEnable() {//画中画开关是否打开
                let that = this;
                videoPip.isOpenEnable(
                    res => {
                        console.log(res);
                        if (res.data) {
                            uni.showToast({
                                title: "isOpenEnable:" + res.data.isOpenEnable,
                                icon: "none",
                                duration: 3000
                            })
                        } else {
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                duration: 3000
                            })
                        }
                    });
            },
            isStart() {//画中画是否打开(本插件)
                let that = this;
                videoPip.isStart(
                    res => {
                        console.log(res);
                        if (res.data) {
                            uni.showToast({
                                title: "isStart:" + res.data.isStart,
                                icon: "none",
                                duration: 3000
                            })
                        } else {
                            uni.showToast({
                                title: res.msg,
                                icon: "none",
                                duration: 3000
                            })
                        }
                    });
            },
            closePip() { //关闭画中画
                let that = this;
                videoPip.closePip(
                    res => {
                        console.log(res);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
        }
    }

后台时点击事件监听

在应用生命周期app.vue的onLaunch事件中设置监听:

        onLaunch: function() {
            var globalEvent = uni.requireNativePlugin('globalEvent');
            globalEvent.addEventListener('baVideoPipEvent', function(e) {
                console.log('baVideoPipEvent' + JSON.stringify(e));
                //示例:{"url":"测试地址1.mp4","action":3,"custom":"/pages/video/video","currentTime":0}
                //url:视频地址
                //action: 1:关闭 2:放大返回 3:播放完成
                //currentTime: 当前播放时间,仅action=2有效
                //custom:自定义参数
            });
        },
        onShow: function() {
        },
        onHide: function() {
        }

api 列表

方法名 说明
startPip 打开画中画
isSupportPip 是否支持画中画
isOpenEnable 画中画开关是否打开
isStart 是否已经打开
restart 重新播放,(也可更改参数,用于切换)
closePip 关闭画中画

startPip 方法参数

打开画中画

属性名 类型 必填 默认值 说明
url String true 视频地址
currentTime Number true 0 当前播放时长(毫秒)
isLive Boolean false false 是否是直播,默认false
custom String true 自定义参数
isAppGoHome Boolean false false 画中画开始后,应用是否自动到后台,默认 false

restart 方法参数

重新播放,(也可更改参数,用于切换),参数同 startPip

系列插件

图片选择插件 Ba-MediaPicker文档

图片编辑插件 Ba-ImageEditor文档

文件选择插件 Ba-FilePicker文档

应用消息通知插件(多种样式,新增支持常驻通知模式) Ba-Notify文档

应用未读角标插件 Ba-Shortcut-Badge文档

应用开机自启插件 Ba-Autoboot文档

扫码原生插件(毫秒级、支持多码)Ba-Scanner-G文档

扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner文档

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar文档

原生sqlite本地数据库管理 Ba-Sqlite文档

安卓保活插件(采用多种主流技术) Ba-KeepAlive文档

安卓快捷方式(桌面长按app图标) Ba-Shortcut文档

自定义图片水印(任意位置) Ba-Watermark文档

最接近微信的图片压缩插件 Ba-ImageCompressor文档

视频压缩、视频剪辑插件 Ba-VideoCompressor文档

动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon文档

原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast文档

图片涂鸦、画笔 Ba-ImagePaint文档

pdf阅读(手势缩放、显示页数) Ba-Pdf文档

声音提示、震动提示、语音播报 Ba-Beep文档

websocket原生服务(自动重连、心跳检测) Ba-Websocket文档

短信监听(验证码) Ba-Sms文档

智能安装(自动升级) Ba-SmartUpgrade文档

监听系统广播、自定义广播 Ba-Broadcast文档

监听通知栏消息(支持白名单、黑名单、过滤) Ba-NotifyListener文档

全局置灰、哀悼置灰(可动态、同时支持nvue、vue) Ba-Gray文档

获取设备唯一标识(OAID、AAID、IMEI等) Ba-IdCode文档

实时定位(系统、后台运行、支持息屏)插件 Ba-Location文档

实时定位(高德、后台运行、支持息屏、坐标转换、距离计算) Ba-LocationAMap文档

窗口小工具、桌面小部件、微件 Ba-AppWidget文档

窗口小工具、桌面小部件、微件(日历、时间) Ba-AwCalendarS文档

画中画悬浮窗(视频) Ba-VideoPip文档

悬浮窗(在其他应用上层显示) Ba-FloatWindow文档

悬浮窗(应用内、无需授权) Ba-FloatWindow2文档

悬浮窗(悬浮球、动态菜单、在其他应用上层显示) Ba-FloatBall文档

添加到“用其他应用打开”中,用于文件传递、分享等 Ba-ShareReceive文档

获取地图数据(高德、地理编码、反地理编码) Ba-AMapData文档

隐私、权限声明

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

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

插件不采集任何数据

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

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