注册 登录
拓荒
拓荒
  • 发布：2021-04-24 16:01
  • 更新：2021-04-26 14:46
  • 阅读：979

【报Bug】最新版本Hbuild X app端选择视频严重bug，返回临时文件路径头部缺少file://

分类：uni-app

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows10

HBuilderX类型： 正式

HBuilderX版本号： 3.1.11

手机系统： Android

手机系统版本号： Android 11

手机厂商： 一加

手机机型： 8t

页面类型： vue

打包方式： 云端

项目创建方式： HBuilderX

示例代码： 
uni.chooseVideo({  
                    count: 1,  
                    sourceType: ['camera', 'album'],  
                    success: (res)=> {  
                        console.log(videoSrc)  
                        // 返回的是 /storage/emulated/0/Android/data/com.aaaa.zz/apps/__UNI__1111111/temp/compress_video_1318007382.mp4  
                        // 应该返回 file:///storage/emulated/0/Android/data/com.aaaa.zz/apps/__UNI__1111111/temp/compress_video_1318007382.mp4  
                    }  
                });

操作步骤：

执行uni.chooseVideo 接口选择一个视频

预期结果：

新版本hbuildx uni.chooseVideo接口 选择视频后返回临时文件路径头部加上file:// 和之前的版本一致，且上传视频后不要模糊

实际结果：

新版本hbuildx uni.chooseVideo接口 选择视频后返回临时文件路径头部缺少file:// 导致直接执行上传文件会失败，且上传视频后很模糊

bug描述：

新版本hbuildx uni.chooseVideo接口 选择视频后返回临时文件路径头部缺少file://，导致上传视频时会失败，之前的某个版本正常。
选择图片也是正常的

前面拼接上file://后可以上传了，但是上传后视频变得很模糊

2021-04-24 16:01 负责人:DCloud_Android_DQQ 分享

没有找到相关结果

    已邀请:
    拓荒

    拓荒 (作者)

    选择图片返回的临时路径是正确的

    2021-04-24 16:05 分享
    拓荒

    拓荒 (作者)

    拼接上file://可以上传了，但是视频变的很模糊

    2021-04-24 16:23 分享

    • DCloud_Android_ST

      模糊是开了视频压缩 可以关闭具体看chooseVideo 设置compressed

      2021-04-25 12:14

    • 拓荒 (作者)

      设置compressed后选择视频就失效了

      2021-04-25 16:17

    • 拓荒 (作者)

      回复 DCloud_Android_ST: 麻烦测试下chooseVideo 设置compressed属性后选择视频后没有回调参数的问题，并和这个问题一块修复，并且目前视频压缩过于模糊了，和微信小程序对比了下，微信小程序的视频压缩后后比app压缩后的要小，但是比app上要清晰，app上压缩的体积没少多少，但是却很模糊，并且压缩后视频的尺寸也变的比原视频大很多

      2021-04-26 14:06

    • DCloud_Android_DQQ

      回复 拓荒: 加一下我qq 643833712. 我试一下你说的压缩尺寸的问题

      2021-04-26 14:47

    评论 取消
    请输入这个昵称

    请输入这个昵称

    我的也出现这个问题现在不知道怎么上传了，如果现在加上file://，后面上线还用不用改回来？没上传之前临时路径播放确实是很模糊。

    2021-04-25 13:27 分享
    评论 取消
    请输入这个昵称

    请输入这个昵称 

    chooseVideo: function() {  
                let that = this;  
                uni.chooseVideo({  
                    success: (res) => {  
                        console.log(res)  
                        if(res.tempFilePath.indexOf('/storage')==0){  

                            that.imageList.push('file://'+res.tempFilePath);  
                        }else{  
                            that.imageList.push(res.tempFilePath);  
                        }  
                        that.imagetype.push(2);  
                        console.log('打印出来',that.imageList)  
                    },  
                    fail: (err) =>   
                    {  
                    }  
                })  
            }  

    <block v-for="(image,index) in imageList" :key="index">  
                                    <view class="uni-uploader__file">  
                                        <view class="icon-del" :data-index='index' @click="delimageList"></view>  
                                        <video v-if="imagetype[index]==2" @play="openFullscreen('video'+index)" @fullscreenchange="videochange" :src="video" class="video" :id="'video'+index"></video>  
                                    </view>  
                                </block>
    2021-04-25 16:54 分享
    时里

    时里

    你说的预览图，是指下面黑色的区域应该有视频预览吗。 这个需要手动设置 poster属性实现

    2021-04-25 17:24 分享
    评论 取消
    DCloud_Android_DQQ

    DCloud_Android_DQQ

    下面是hello uni代码，添加了file:// 之后可以正常使用。你对比一下。 

    <template>  
    <view>  
        <page-head :title="title"></page-head>  
        <view class="uni-common-mt">  
            <view class="uni-list">  
                <view class="uni-list-cell">  
                    <view class="uni-list-cell-left">  
                        <view class="uni-label">视频来源</view>  
                    </view>  
                    <view class="uni-list-cell-right">  
                        <picker :range="sourceType" @change="sourceTypeChange" :value="sourceTypeIndex">  
                            <view class="uni-input">{{sourceType[sourceTypeIndex]}}</view>  
                        </picker>  
                    </view>  
                </view>  
            </view>  
        </view>  
        <!-- #ifdef APP-PLUS || MP-WEIXIN -->  
        <view class="uni-title uni-common-mt uni-common-pl">摄像头位置</view>  
        <view class="uni-hello-text camera-tips">注意：部分 Android 手机下由于系统 ROM 不支持无法生效，打开拍摄界面后可操作切换</view>  
        <view class="uni-list">  
            <radio-group @change="radioChange">  
                <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in cameraList" :key="item.value">  
                    <radio :value="item.value" :checked="index === cameraIndex">{{item.name}}</radio>  
                </label>  
            </radio-group>  
        </view>  
        <!-- #endif -->  
        <template v-if="!src">  
            <view class="uni-hello-addfile" @tap="chooseVideo">+ 添加视频</view>  
        </template>  
        <template v-else>  
            <video :src="src" class="video"></video>  
        </template>  
    </view>  
</template>  
<script>  
    var sourceType = [  
        ['camera'],  
        ['album'],  
        ['camera', 'album']  
    ]  
    export default {  
        data() {  
            return {  
                title: 'chooseVideo',  
                sourceTypeIndex: 2,  
                sourceType: ['拍摄', '相册', '拍摄或相册'],  
                src: '',  
                cameraList: [{  
                        value: 'back',  
                        name: '后置摄像头',  
                        checked: 'true'  
                    },  
                    {  
                        value: 'front',  
                        name: '前置摄像头'  
                    },  
                ],  
                cameraIndex: 0  
            }  
        },  
        onUnload() {  
            this.src = '',  
                this.sourceTypeIndex = 2,  
                this.sourceType = ['拍摄', '相册', '拍摄或相册'];  
        },  
        methods: {  
            radioChange(evt) {  
                for (let i = 0; i < this.cameraList.length; i++) {  
                    if (this.cameraList[i].value === evt.detail.value) {  
                        this.cameraIndex = i;  
                        break;  
                    }  
                }  
            },  
            sourceTypeChange: function(e) {  
                this.sourceTypeIndex = parseInt(e.detail.value)  
            },  
            chooseVideo: function() {  
                uni.chooseVideo({  
                    camera: this.cameraList[this.cameraIndex].value,  
                    sourceType: sourceType[this.sourceTypeIndex],Q  
                    success: (res) => {  
                        this.src = "file://" + res.tempFilePath  
                    },  
                    fail: (err) => {  
                        // #ifdef MP  
                        uni.getSetting({  
                            success: (res) => {  
                                let authStatus = false;  
                                switch (this.sourceTypeIndex) {  
                                    case 0:  
                                        authStatus = res.authSetting['scope.camera'];  
                                        break;  
                                    case 1:  
                                        authStatus = res.authSetting['scope.album'];  
                                        break;  
                                    case 2:  
                                        authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];  
                                        break;  
                                    default:  
                                        break;  
                                }  
                                if (!authStatus) {  
                                    uni.showModal({  
                                        title: '授权失败',  
                                        content: 'Hello uni-app需要从您的相机或相册获取视频，请在设置界面打开相关权限',  
                                        success: (res) => {  
                                            if (res.confirm) {  
                                                uni.openSetting()  
                                            }  
                                        }  
                                    })  
                                }  
                            }  
                        })  
                        // #endif  
                    }  
                })  
            }  
        }  
    }  
</script>  

<style>  
    .video {  
        width: 100%;  
    }  

    .camera-tips {  
        padding: 10rpx 30rpx;  
    }  
</style>
    2021-04-26 14:46 分享

    • 拓荒 (作者)

      这样拼接file://有问题，之前就是这样拼接的，现在发现拍摄的视频前面不能加file://。

      2021-10-25 15:08

    评论 取消
    为什么被折叠? 0 个回复被折叠

    该问题目前已经被锁定, 无法添加新回复

    退出全屏模式 全屏模式 回复
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报