更新记录

1.0（2024-05-10）

视频播放（点播、直播、悬浮窗、重力感应、滑动调节、无缝衔接）组件 Ba-Video

平台兼容性

原生插件通用使用流程：

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

简介

Ba-Video 是原生视频播放组件。支持点播、直播；支持悬浮窗、全屏、小屏；支持封面、显示比例；支持滑动调节播放进度、声音、亮度（全屏）；支持快进、回退、倍速播放；支持重力感应、视频截图；支持无缝衔接播放等。

• 支持点播、直播
• 支持设置封面
• 支持悬浮窗（全局应用之上）
• 支持全屏
• 支持快进、回退
• 支持调整显示比例
• 支持滑动调节播放进度、声音、亮度（全屏）
• 支持双击播放、暂停
• 支持重力感应自动进入/退出全屏以及手动进入/退出全屏
• 支持倍速播放
• 支持视频截图（使用SurfaceView时都不支持，默认用的是TextureView）
• 支持无缝衔接播放

注意 ：原生组件，请使用nvue

支持定制，有建议和需要，请联系QQ：

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

常用原生插件大全

使用方法（示例）

在 template 中直接引用

        <Ba-Video ref="video" style="height: 200;width: 100%;" @onBack="onVideoBack" :data="videoData">
        </Ba-Video>

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

<script>
    const websocket = uni.requireNativePlugin('Ba-Websocket')
    export default {
        data() {
            return {
                videoData: {
                    title: "",//标题
                    url: "",//视频地址
                    thumbUrl: ""//视频封面图片地址
                },
                reversal: false,
                looping: false,
                mute: false,
                screenShot: '',
                videoInfo: '',
            }
        },
        onShow() {
            this.$refs.video.onPageShow();
        },
        onHide() {
            this.$refs.video.onPageHide();
        },
        onUnload() {
            this.$refs.video.onPageUnload();
        },
        onBackPress() {
            this.$refs.video.onPageBack();
        },
        methods: {
            onStartFloat(e) { //悬浮窗
                this.$refs.video.startFloat();
            },
            startFullScreen() { //全屏
                this.$refs.video.startFullScreen();
            },
            setLooping() { //循环播放
                this.looping = !this.looping;
                this.$refs.video.setLooping(this.looping);
            },
            onVideoBack() { //返回
                uni.navigateBack()
            },
            setVideoUrl(url) { //重新设置 url
                this.$refs.video.setUrl(url);
            },
            replay(url) { //重播
                this.$refs.video.replay(url);
            },
            setScaleType(type) { //设置视频比例
                this.$refs.video.setScaleType(type);
            },
            setSpeed(speed) { //设置播放速度
                this.$refs.video.setSpeed(speed);
            },
            setVolume(v1, v2) { //设置音量 0.0f-1.0f 之间
                //v1 – 左声道音量
                //v2 – 右声道音量
                this.$refs.video.setVolume(v1, v2);
            },
            setReversal() { //镜像旋转
                this.reversal = !this.reversal;
                this.$refs.video.setReversal(this.reversal);
            },
            setScreenShot() { //截屏
                let that = this;
                this.$refs.video.setScreenShot(
                    (res) => {
                        console.log(res)
                        that.screenShot = res.data.base64;
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            },
            setMute() { //静音
                this.mute = !this.mute;
                this.$refs.video.setMute(this.mute);
            },
            getVideoInfo() { //获取视频信息
                this.$refs.video.getVideoInfo(
                    (res) => {
                        console.log(res)
                        this.videoInfo = JSON.stringify(res.data);
                        uni.showToast({
                            title: res.msg,
                            icon: "none",
                            duration: 3000
                        })
                    });
            }
        }
    }
</script>

方法清单