没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术其它微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例

微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例

object

微信

2 下载量 131 浏览量 2021-01-03 06:38:37 上传评论收藏 338KB PDF 举报

温馨提示

试读

7页

本文介绍了微信小程序的开发，主要包括图片、录音、音频播放、音乐播放、视频、文件，具体如下：图片： wx.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。 OBJECT参数说明：注：文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用 wx.saveFile，在小程序下次启动时才能访问得到。示例代码： wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album'

资源推荐

资源详情

资源评论

演示地址：http://www.0766city.com/yuanma/2490.html 模板用帝国CMS最新版为核心。适合做视频播放和下载站点，默认可以播放优酷土豆腾讯等视频站点的视频（通用播放分享代码，非解析!），集成 CKPLAYER播放器，可以上传和外链自己的MP4、FLV格式的影片！自带帝国播放和下载权限，可以游客，普通用户，普通注册用户扣点和VIP包月包年等权限播放和下载！自动响

一、微信小程序录音功能 1. 引入API：微信小程序提供了`wx.startRecord`和`wx.stopRecord`两个API，用于开始录音和结束录音。首先，在`app.json`或`index.json`中引入相关权限，如`scope.record`，确保用户授权。 ...

微信小程序 - 简易情绪播放器v0.0.2版

微信小程序微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例图片、录音、音频播放、音乐播放、视频、文件代码实例

本文介绍了微信小程序的开发，主要包括图片、录音、音频播放、音乐播放、视频、文件，具体如下：

图片：

wx.chooseImage(OBJECT)

从本地相册选择图片或使用相机拍照。

OBJECT参数说明：

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

示例代码：

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

success: function (res) {

// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片

var tempFilePaths = res.tempFilePaths

}

})

wx.previewImage(OBJECT)

预览图片。

OBJECT参数说明：

示例代码：

wx.previewImage({

current: '', // 当前显示图片的http链接

urls: [] // 需要预览的图片http链接列表

})

wx.getImageInfo(OBJECT)

获取图片信息

OBJECT参数说明：

success返回参数说明：

示例代码：

wx.getImageInfo({

src: 'images/a.jpg',

success: function (res) {

console.log(res.width)

console.log(res.height)

}

})

wx.chooseImage({

success: function (res) {

wx.getImageInfo({

src: res.tempFilePaths[0],

success: function (res) {

console.log(res.width)

console.log(res.height)

}

})

}

})

录音：

wx.startRecord(OBJECT)

开始录音。当主动调用wx.stopRecord，或者录音超过1分钟时自动结束录音，返回录音文件的临时文件路径。

OBJECT参数说明：

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

wx.stopRecord()

主动调用停止录音。

示例代码：

wx.startRecord({

success: function(res) {

var tempFilePath = res.tempFilePath

fail: function(res) {

//录音失败

}

})

setTimeout(function() {

//结束录音

wx.stopRecord()

}, 10000)

音频播放控制:

wx.playVoice(OBJECT)

开始播放语音，同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。

OBJECT参数说明：

示例代码：

wx.startRecord({

success: function(res) {

var tempFilePath = res.tempFilePath

wx.playVoice({

filePath: tempFilePath,

complete: function(){

}

})

}

})

wx.pauseVoice()

暂停正在播放的语音。再次调用wx.playVoice播放同一个文件时，会从暂停处开始播放。如果想从头开始播放，需要先调用 wx.stopVoice。

示例代码：

wx.startRecord({

success: function(res) {

var tempFilePath = res.tempFilePath

wx.playVoice({

filePath: tempFilePath

})

setTimeout(function() {

//暂停播放

wx.pauseVoice()

}, 5000)

}

})

wx.stopVoice()

结束播放语音。

示例代码：

剩余6页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

weixin_38687277

粉丝: 10
资源: 949

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例

微信公众号开发录音、播放功能代码demo

微信小程序实现音频文件播放进度的实例代码

微信小程序开发—audio音频播放

小程序实现背景音乐播放和暂停

微信在线视频电影网站源码，Html5手机在线自适应电影网站源码,帝国Cms响应式视频网站源码

微信小程序video组件列表播放视频wxvideos-master.zip

微信源码，在线看电影源码

微信公众号开发视频教程（附有配套php代码）

微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案

微信小程序demo：跑步App+音乐播放：音乐播放，弹幕，录音，拍照，图片上传

微信小程序实例

微信小程序实例汇总

微信小程序 实例源码汇总

微信小程序最新实例

小程序实例

微信小程序开发之录音机 音频播放 动画 (真机可用)(源代码+截图)

微信小程序开发之录音机 音频播放 动画实例 (真机可用).docx

微信小程序开发之录音机 音频播放 动画 (真机可用).rar

微信小程序 录音机 播放器 动画

微信小程序精品：仿某易云音乐：歌单，FM，播放，评论

微信小程序demo：独书：音频播放，喜马拉雅听书

jQuery仿微信公众号语音播放代码

微信小程序 - 简易情绪播放器v0.0.2版

微信小程序 实例开发总结

微信小程序使用audio组件播放音乐功能示例【附源码下载】

微信小程序 实例汇总 完整项目源代码

小程序ios音频播放没声音问题的解决

最新资源

微信小程序中的video视频实现自定义播放按钮、封面图、视频封面上文案

微信小程序实例源码汇总

微信小程序开发之录音机音频播放动画 (真机可用)(源代码+截图)

微信小程序开发之录音机音频播放动画实例 (真机可用).docx

微信小程序开发之录音机音频播放动画 (真机可用).rar

微信小程序录音机播放器动画

微信小程序实例开发总结

微信小程序实例汇总完整项目源代码