微信小程序教程
7.3.8 视频
阅读(

微信小程序介绍

微信小程序设计指南

微信小程序开发简介

微信小程序开发框架

微信小程序框架视图层

微信小程序框架组件

微信小程序框架 API

概述

网络

媒体

音频组件控制

背景音播放管理

音乐播放控制

音频播放控制

录音管理

录音

图片

视频

wx.chooseVideo(OBJECT)

wx.chooseVideo(OBJECT) 方法用于拍摄视频或从手机相册中选视频,返回视频的临时文件路径。

OBJECT参数说明:

参数 类型 必填 说明 最低版本
sourceType StringArray album 从相册选视频,camera 使用相机拍摄,默认为:['album', 'camera']
compressed Boolead 是否压缩所选的视频源文件,默认值为true,需要压缩 1.6.0
maxDuration Number 拍摄视频最长拍摄时间,单位秒。最长支持 60 秒
camera String 默认调起的为前置还是后置摄像头。front: 前置,back: 后置,默认 back
success Function 接口调用成功,返回视频文件的临时文件路径,详见返回参数说明
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数 说明
tempFilePath 选定视频的临时文件路径
duration 选定视频的时间长度
size 选定视频的数据量大小
height 返回选定视频的长
width 返回选定视频的宽

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

示例代码:

<view class="container">
    <video src="{{src}}"></video>
    <button bindtap="bindButtonTap">获取视频</button>
</view>
Page({
    bindButtonTap: function() {
        var that = this
        wx.chooseVideo({
            sourceType: ['album','camera'],
            maxDuration: 60,
      camera: 'back',
            success: function(res) {
                that.setData({
                    src: res.tempFilePath
                })
            }
        })
    }
})

wx.saveVideoToPhotosAlbum(OBJECT)

基础库 1.2.0 开始支持,低版本需做兼容处理

wx.saveVideoToPhotosAlbum(OBJECT) 方法用于保存视频到系统相册。需要用户授权scope.writePhotosAlbum

OBJECT参数说明:

参数名 类型 必填 说明
filePath String 视频文件路径,可以是临时文件路径也可以是永久文件路径
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数名 类型 说明
errMsg String 调用结果

示例代码:

wx.saveVideoToPhotosAlbum({
    success(res) {
    }
})

Bug & Tip

  1. tip: camera 参数在部分 Android 手机下由于系统 ROM 不支持无法生效

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我们提供更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验