iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >微信小程序怎么调用视频
  • 633
分享到

微信小程序怎么调用视频

2023-06-26 08:06:17 633人浏览 独家记忆
摘要

这篇文章主要介绍了微信小程序怎么调用视频的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序怎么调用视频文章都会有所收获,下面我们一起来看看吧。wx.chooseVideo(OBJECT)拍摄视频或从手机相

这篇文章主要介绍了微信小程序怎么调用视频的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序怎么调用视频文章都会有所收获,下面我们一起来看看吧。

wx.chooseVideo(OBJECT)


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

OBJECT参数说明:

参数类型必填说明
sourceTypeStringArray"album"从相册选视频,"camera"使用相机拍摄,默认为:['album', 'camera']
maxDurationNumber拍摄视频最长拍摄时间,单位秒。最长支持60秒
cameraString默认调起的为前置还是后置摄像头。front: 前置,back: 后置,默认 back
successFunction接口调用成功,返回视频文件的临时文件路径,详见返回参数说明
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

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 = thiswx.chooseVideo({            sourceType: ['album','camera'],            maxDuration:60,      camera: 'back',            success: function(res){                that.setData({                    src:res.tempFilePath                })            }        })    }})

wx.saveVideoToPhotosAlbum(OBJECT)

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

保存视频到系统相册,需要用户授权(scope.writePhotosAlbum),详见 用户授权

OBJECT参数说明:

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

success返回参数说明:

参数名类型说明
errMsgString调用结果

示例代码:

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

Bug & Tip

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

关于“微信小程序怎么调用视频”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“微信小程序怎么调用视频”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网精选频道。

--结束END--

本文标题: 微信小程序怎么调用视频

本文链接: https://www.lsjlt.com/news/308548.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序怎么调用视频
    这篇文章主要介绍了微信小程序怎么调用视频的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序怎么调用视频文章都会有所收获,下面我们一起来看看吧。wx.chooseVideo(OBJECT)拍摄视频或从手机相...
    99+
    2023-06-26
  • 微信小程序的视频插件怎么使用
    本篇内容主要讲解“微信小程序的视频插件怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序的视频插件怎么使用”吧!一、在小程序中引入插件。进入微信公众平台,在设置中找到第三方服务,在...
    99+
    2023-06-26
  • 微信小程序——video视频播放
    1、功能介绍 可以实现视频的播放暂停,发送弹幕,获取视频所处位置等。 2、video组件 1、用处 video组件常用于视频的播放,默认宽度为300px,高度为225px。 2、属性       3、index.js中的数据部分 data:...
    99+
    2023-09-13
    音视频 小程序 微信小程序 微信 前端
  • 微信小程序视频组件库video怎么使用
    这篇文章主要讲解了“微信小程序视频组件库video怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序视频组件库video怎么使用”吧!video视频。属性名类型默认值说明最低版...
    99+
    2023-06-26
  • 微信小程序跳转到视频号
    微信小程序跳转到视频号 前言打开视频号主页前提: 若小程序与视频号的主体相同或为关联主体,可以通过wx.openChannelsUserProfile跳转到视频号主页。主体判断逻辑: 相关api:wx.openChanne...
    99+
    2023-08-17
    微信小程序 小程序打开视频号 小程序跳转视频号 小程序打开视频号直播
  • 微信小程序中怎么集成视频播放器
    要在微信小程序中集成视频播放器,可以使用小程序原生的<video>组件来实现。 首先,在小程序的wxml文件中添加<...
    99+
    2024-04-03
    微信小程序
  • 微信小程序实现视频号跳转
    三种类型: 1、跳转到视频号主页------必须是同主体 调用函数 wx.openChannelsUserProfile({ finderUserName: '' //视频号id}) 2、使用内嵌------必须是同主体 使用...
    99+
    2023-10-26
    微信小程序 小程序 Powered by 金山文档
  • 微信小程序之video组件视频播放
    目录1、功能介绍2、video组件2.1、用处2.2、属性3、index.js中的数据部分4、结构布局index.wxml5、样式部分index.wxss6、弹幕实现功能7、获取视频...
    99+
    2024-04-02
  • 微信小程序视频弹幕位置随机
    本文实例为大家分享了微信小程序视频弹幕位置随机的具体代码,供大家参考,具体内容如下 最近更新开发工具之后,微信小程序视频播放弹幕不再自动随机,所以就用了一个比较取巧的方法(多条空弹幕...
    99+
    2024-04-02
  • 微信小程序实现上传视频功能
    本文实例为大家分享了微信小程序上传视频,供大家参考,具体内容如下 微信开发者工具需要安装ffmpeg环境才能正常使用下面的官方方法。 1、调用官方提供的方法(wx.chooseMed...
    99+
    2024-04-02
  • 微信小程序使用视频播放器video组件
    本文实例为大家分享了微信小程序使用视频播放器video组件的具体代码,供大家参考,具体内容如下 在app.json中配置好页面路由和权限。 1.app.json { "pag...
    99+
    2024-04-02
  • 微信小程序如何停止其他视频播放当前视频
    这篇文章主要介绍了微信小程序如何停止其他视频播放当前视频,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。微信小程序停止其他视频播放当前视频,代...
    99+
    2024-04-02
  • 微信小程序如何嵌入腾讯视频源
    这篇文章主要介绍微信小程序如何嵌入腾讯视频源,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!首先我们有一个接口可以获取动态的vkeyhttps://vv.video.qq.com/ge...
    99+
    2024-04-02
  • 微信小程序 | 小程序系统API调用
    🖥️ 微信小程序专栏:小程序系统API调用 🧑‍💼 个人简介:一个不甘平庸的平凡人🍬 ✨ 个人主页:CoderHing的个人主页 🍀 格言: ☀️ 路漫...
    99+
    2023-08-31
    小程序 微信小程序 前端 微信 前端框架
  • 微信小程序视图容器view怎么用
    这篇文章主要为大家展示了微信小程序视图容器view怎么用,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小程序视图容器view怎么用”这篇文章吧。view视图容器。属性名类型默认值说明hover...
    99+
    2023-06-26
  • 小程序怎么开发调用微信支付及微信回调地址
    本篇内容主要讲解“小程序怎么开发调用微信支付及微信回调地址”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序怎么开发调用微信支付及微信回调地址”吧!首先观看微信提供的文档https://pay...
    99+
    2023-06-30
  • 微信小程序页面大小怎么调整
    微信小程序的页面大小可以通过修改页面的样式来进行调整。1. 打开小程序页面的 `.json` 文件,在 `"navigationBa...
    99+
    2023-08-15
    微信小程序
  • 微信小程序文字大小怎么调整
    微信小程序文字大小的调整方法:1、创建微信小程序项目;2、在index.wxml文件中添加文本代码;3、在index.wxss文件里添加字体样式;4、保存编辑的代码并进行调试即可。具体操作步骤如下:1、首先在创建一个微信小程序项目。2、在p...
    99+
    2024-04-02
  • 微信小程序调用moveToLocation失效怎么办
    这篇文章给大家分享的是有关微信小程序调用moveToLocation失效怎么办的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。上图所示,mapUpdated表示地图加载完成后,再初...
    99+
    2024-04-02
  • 微信小程序怎么用
    这篇文章给大家分享的是有关微信小程序怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。微信小程序要去哪里找?又该怎么用?秘密全在这里微信小程序正式发布 看完你也会玩小程序!&n...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作