更新记录

1.1.0(2022-11-16)

1、解决android高版本系统无法保存图片问题

1.0.0(2021-11-29)

初次发布插件


平台兼容性

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原生插件配置”->”云端插件“列表中删除该插件重新选择


Android带截图功能且无任何控制UI的视频播放器,视频截图,空白视频播放器,无控制功能视频播放器,视频播放器(插件有问题请联系QQ:1684729125)

插件仅支持Android版本,此插件可在nvue页面中使用

不要勾选manifest.json文件的App模块配置里的VideoPlayer(视频播放),添加uniapp自带的VideoPlayer模块会与本插件打包冲突,目前只能二选一

其他视频相关插件

获取本地、网络视频的封面图片、缩略图、第N帧图片、视频截图
Android带截图功能视频播放器,视频截图,视频播放器
获取视频时长、视频长度、视频时间,视频宽高信息,支持本地、网络视频

截图请求参数说明

参数 说明 示例
imagePath 图片保存文件夹名称 shotImg
imageName 图片保存名称 test1628666711531.jpg

组件参数说明

参数 说明
mute 是否静音
loop 是否循环播放,只有初始化时设置有效,后续更改状态无效

回调参数说明

参数 说明 示例
code 结果码 200
shotImagePath 封面图片路径 xxx.jpg
msg 错误信息 保存图片的地址不能为空

结果码参数说明

Code 说明
200 获取成功(不是200均为获取失败)
402 保存图片的地址不能为空
403 保存图片的名字不能为空
404 图片保存失败
405 其他错误
406 截图失败

使用插件代码如下

<template>
    <view class="content">
        <emptyControlVideoPlayer class="shot-img-palyer" ref="videoPlayer" :mute="isMute" :loop="isLoop" :resource="playerResouce"></emptyControlVideoPlayer>
        <view class="opt-box"><text class="opt__shot" @tap="doScreenshot">截图</text></view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            isLoop: true, //控制是否循环播放,只有初始化时设置有效,后续更改状态无效
            isMute: false, //是否静音播放
            playerResouce: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a876efc0-4f35-11eb-97b7-0dc4655d6e68.mp4'
        };
    },
    methods: {
        /**
         * 截图
         */
        doScreenshot() {
            let that = this;
            this.$refs.videoPlayer.shotImage(
                {
                    imagePath: 'shotPlayer', //图片保存文件夹名称
                    imageName: 'shot' + new Date().getTime() + '.jpg' //图片保存名称
                },
                ret => {
                    if (ret && ret.code == 200) {
                        console.log('===========================');
                        console.log('=====成功result: ', ret);
                        console.log('===========================');
                        uni.showToast({
                            title: '成功: ' + ret.shotImagePath,
                            mask: true,
                            duration: 1500,
                            icon: 'none'
                        });
                    } else {
                        console.log('===========================');
                        console.log('=====失败result: ', ret);
                        console.log('===========================');
                        uni.showToast({
                            title: '失败: ' + ret.msg,
                            mask: true,
                            duration: 1500,
                            icon: 'none'
                        });
                    }
                }
            );
        }
    }
};
</script>

<style>
.content {
    width: 750rpx;
    align-items: center;
}

.shot-img-palyer {
    width: 750rpx;
    height: 400rpx;
}

.opt-box {
    margin: 30rpx;
    align-items: center;
    justify-content: center;
}

.opt__shot {
    width: 240rpx;
    height: 120rpx;
    border-radius: 26rpx;
    line-height: 120rpx;
    text-align: center;
    background-color: #007aff;
    color: #ffffff;
    font-size: 38rpx;
}
</style>

隐私、权限声明

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

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

插件不采集任何数据

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

暂无用户评论。

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