百度智能小程序 拍摄视频或选取视频

swan.chooseVideo

解释：拍摄视频或从手机相册中选视频，返回视频的临时文件路径。

Web 态说明：由于浏览器限制，Web 态不支持图片压缩，而且仅能默认拉起后置摄像头，详见参数说明。

方法参数

Object object

object 参数说明

camera 参数说明

success 返回参数说明

示例 

在开发者工具中打开

图片示例

代码示例

<view class="wrap">
    <view class="card-area">
        <view class="display-area">
            <video class="video" s-if="videoSrc" src="{{videoSrc}}" controls="true" binderror="videoError"></video>
            <view s-else>视频显示区</view>
        </view>
         <view class="middle-area border-top border-bottom">
            <view class="list-area border-bottom" hover-class="option-active">
                <picker mode="selector" value="{{sourceIndex}}" range="{{sourceArray}}" bind:change="sourceChange">
                    <text class="list-item-key-4">视频来源</text>
                    <view class="list-item-value">{{sourceArray[sourceIndex]}}</view>
                </picker>
            </view>
            <view class="list-area border-bottom" hover-class="option-active">
                <picker mode="selector" value="{{compressIndex}}" range="{{compressArray}}" bind:change="compressChange">
                    <text class="list-item-key-4">视频质量</text>
                    <view class="list-item-value">{{compressArray[compressIndex]}}</view>
                </picker>
            </view>
            <view class="list-area border-bottom" hover-class="option-active">
                <picker mode="selector" value="{{cameraIndex}}" range="{{cameraArray}}" bind:change="cameraChange">
                    <text class="list-item-key-4">默认摄像头</text>
                    <view class="list-item-value">{{cameraArray[cameraIndex]}}</view>
                </picker>
            </view>
            <view class="list-area border-bottom" hover-class="option-active">
                <picker mode="selector" value="{{countIndex}}" range="{{countArray}}" bind:change="countChange">
                    <text class="list-item-key-4">拍摄长度</text>
                    <view class="list-item-value">{{countArray[countIndex]}}</view>
                </picker>
            </view>
        </view>
        <view class="button-area">
            <button class="btn" type="primary" bindtap="selectVideo">添加视频</button>
            <button class="btn" type="default" bindtap="clearVideo">清空视频</button>
        </view>
    </view>
</view>

Page({
    data: {
        sourceIndex: 0,
        sourceArray: ['拍摄', '相册', '拍摄或相册'],
        compressIndex: 0,
        compressArray: ['压缩', '不压缩'],
        cameraIndex: 0,
        cameraArray: ['后置', '前置'],
        countIndex: 0,
        countArray: [60, 30, 0],
        videoSrc: ''
    },
    onLoad() {
        const array = [];
        for (let i = 0; i < 60; i++) {
            array.push(i + 1 + '秒');
        }
        this.setData({
            countIndex: array.length - 1,
            countArray: array
        });
    },
    sourceChange(e) {
        this.setData('sourceIndex', e.detail.value);
    },
    compressChange(e) {
        this.setData('compressIndex', e.detail.value);
    },
    cameraChange(e) {
        this.setData('cameraIndex', e.detail.value);
    },
    countChange(e) {
        this.setData('countIndex', e.detail.value);
    },
    selectVideo() {
        const sourceIndex = this.getData('sourceIndex');
        const compressed = this.getData('compressIndex') === 0;
        const maxDuration = this.getData('countIndex') + 1;
        const camera = this.getData('cameraIndex') === 0 ? 'back' : 'front';
        if (sourceIndex === 2) {
            swan.showActionSheet({
                itemList: ['拍摄', '相册'],
                success: res => {
                    const sourceType = res.tapIndex === 0 ? 'camera' : 'album';
                    this.chooseVideo(sourceType, compressed, maxDuration, camera);
                }
            });
        }
        else {
            const sourceType = sourceIndex === 0 ? 'camera' : 'album';
            this.chooseVideo(sourceType, compressed, maxDuration, camera);
        }
    },
    chooseVideo(sourceType, compressed, maxDuration, camera) {
        swan.chooseVideo({
            sourceType: [sourceType],
            compressed,
            maxDuration,
            camera,
            success: res => {
                this.setData('videoSrc', res.tempFilePath);
            },
            fail: err => {
                swan.showToast({
                    title: JSON.stringify(err),
                    icon: 'none'
                });
            }
        });
    },
    clearVideo() {
        if (this.getData('videoSrc')) {
            this.setData('videoSrc', '');
            swan.showToast({title: '视频已清空', icon: 'none'});
        }
    },
    videoError() {
        this.setData('videoSrc', '');
        swan.showToast({title: '添加失败，请稍后重试', icon: 'none'});
    }
});

Bug & Tip

• Tip：文件的临时路径，在智能小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 swan.saveFile，在智能小程序下次启动时才能访问得到。

错误码

Android

iOS