联系我们 - 广告服务
您的当前位置:主页 > 布局 > 开发 >

audio

来源:未知 编辑:admin 时间:2018-01-19
导读: 小程序运行在页面中直接嵌入的音频组件,官方系统为其提供了一套默认的组件样式,我们也可以通过修改属性或调用API封装自己的音频UI组件,audio/属性如下:src:要播放音频的资源地址。可以是网络音频地址或本地音频文件相对路径。loop:是否循环播放,默认
小程序运行在页面中直接嵌入的音频组件,官方系统为其提供了一套默认的组件样式,我们也可以通过修改属性或调用API封装自己的音频UI组件,<audio/>属性如下:·src:要播放音频的资源地址。可以是网络音频地址或本地音频文件相对路径。·loop:是否循环播放,默认值为false。·controls:是否显示默认控件,默认值为true。·poster:默认控件上的音频封面的图片资源地址,如果controls属性值为
false则poster无效。
·name:默认控件上的音频名字,如果controls属性值为false则name无效。默认值为“未知音频”。·author:默认控件上的作者名字,如果controls属性值为false则author无效。默认值为“未知作者”。·binderror:当发生错误时触发error事件,detail={errMsg:MediaError.code}。MediaError.code有以下类型:·MEDIA_ERR_ABORTED:获取资源被用户禁止。·MEDIA_ERR_NETWORD:网络错误。·MEDIA_ERR_DECODE:解码错误。
·MEDIA_ERR_SRC_NOT_SUPPOERTED:不合适资源。·bindplay:当开始/继续播放时触发play事件。·bindpause:当暂停播放时触发pause事件。·bindtimeupdate:当播放进度改变时触发timeupdate事件,detail={currentTime,duration}。·bindended:当播放到末尾时触发ended事件。默认的<audio/>样式就是我们在微信朋友圈中常见的样式,如图4-28所示。<audio/>播放等功能需要配合API实现,具体可参考API音乐播放章节。

代码如下: <audio poster="{{myaudio.poster}}" src="{{myaudio.src}}"         name="{{myaudio.name}}" author="{{myaudio.author}}"         controls loop action="{{myaudio.action}}"> </audio>
Page( {   data : {     myaudio : {       src : './resource/qilixiang.mp3',       poster : 'http://www.yoka.com/dna/pics/ba1c1117/42/d3551ec1c17cadcddc1.jpg',       name : '七里香',       author : '周杰伦'     }   } } );

责任编辑:admin

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

上一篇:媒体组件 image
下一篇:video

网友评论:

在“\templets\demo\comments.htm”原来的内容全部删除,插入第三方评论代码,如果不需要评论功能,删除comments.html里面的内容即可
推荐使用友言、多说、畅言(需备案后使用)等社会化评论插件

Copyright © Tricks资讯网 版权所有
本站所有资讯来源于网络 如有侵权请联系QQ:940910888 技术支持鹏博科技
Top