更新记录

1.0（2024-05-07）

Ba-FloatWinVideo 是一款视频悬浮窗插件。支持悬浮应用之上，或者应用内；支持自定义尺寸、位置和拖动方式；支持点播、直播；支持静音、暂停、重播、快进、后退；

平台兼容性

原生插件通用使用流程：

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-FloatWinVideo

简介

Ba-FloatWinVideo 是一款视频悬浮窗插件。支持悬浮应用之上，或者应用内；支持自定义尺寸、位置和拖动方式；支持点播、直播；支持静音、暂停、重播、快进、后退；

• 支持悬浮应用之上，或者应用内
• 支持自定义悬浮窗尺寸大小
• 支持多种拖动方式（不拖动、任意拖动、贴边拖动）
• 支持设置显示位置
• 支持点播、直播
• 支持静音
• 支持暂停
• 支持重新播放
• 支持快进、后退（点播）
• 支持设置当前播放进度

有建议和需要，请联系QQ：

也可关注博客，实时更新最新插件：

常用原生插件大全

使用方法

在 script 中引入组件

    const floatWin = uni.requireNativePlugin('Ba-FloatWinVideo')

在 script 中调用（示例参考，可根据自己业务和调用方法自行修改）

        methods: {
            showFW() { //显示
                floatWin.show({
                        url: this.url, //视频地址
                        //widthRatio: 0.6 f, //悬浮窗宽度（屏幕宽度比例，默认0.6）
                        //heightRatio: 0.34 f, //悬浮窗高度（屏幕宽度比例，默认0.34）
                        //xRatio: 0.8, //悬浮窗X轴位置（距离左上角，屏幕宽度比例，默认0.8）
                        //yRatio: 0.7, //悬浮窗Y轴位置（距离左上角，屏幕高度比例，默认0.7）
                        //moveType: 1,//拖动方式：1：不可拖动 2：任意拖动、3：贴边拖动。默认2
                        //isRememberXY: false,//是否记住上次的位置。默认true
                        //isPermission: false,//是否申请悬浮窗权限。默认true
                        //isLive: false,//是否是直播，默认false
                        //isMute: false,//是否静音播放，默认false
                        //currentTime: 0,//当前播放进度，毫秒
                    },
                    (res) => {
                        console.log(res);
                        this.showToast(JSON.stringify(res))
                    });
            },
            updateFW() { //更新数据
                floatWin.update({
                        url: "", //视频地址
                        restart: true,//是否重新播放，如果涉及视频设置，如url等，必须传true
                        //isLive: false,//是否是直播，默认false
                        //isMute: false,//是否静音播放，默认false
                        //currentTime: 0,//当前播放进度，毫秒
                        //widthRatio: 0.6 f, //悬浮窗宽度（屏幕宽度比例，默认0.6）
                        //heightRatio: 0.34 f, //悬浮窗高度（屏幕宽度比例，默认0.34）
                        //xRatio: 0.8, //悬浮窗X轴位置（距离左上角，屏幕宽度比例，默认0.8）
                        //yRatio: 0.7, //悬浮窗Y轴位置（距离左上角，屏幕高度比例，默认0.7）
                        //moveType: 1,//拖动方式：1：不可拖动 2：任意拖动、3：贴边拖动。默认2
                    },
                    (res) => {
                        console.log(res);
                        this.showToast(JSON.stringify(res))
                    });
            },
            hideFW() { //隐藏
                floatWin.hide(
                    (res) => {
                        console.log(res);
                        this.showToast(JSON.stringify(res))
                    });
            },
        }