微信小程序中的媒体组件主要包括音频组件 和视频组件 ,它们可以帮助开发者在小程序中嵌入和播放多媒体内容。以下是对这两个组件的详细介绍:
- 音频组件
组件用于在小程序中播放音频文件。它支持多种配置选项和事件处理。
属性
src: 音频资源的 URL 地址。
controls: 是否显示默认控件(播放、暂停、音量等)。
autoplay: 是否自动播放。
loop: 是否循环播放。
muted: 是否静音播放。
initial-time: 音频开始播放的初始位置,单位为秒。
id: 音频组件的唯一标识符。
poster: 音频封面图 URL。
事件
bindplay: 当音频开始或继续播放时触发。
bindpause: 当音频暂停时触发。
bindended: 当音频播放至结束时触发。
bindtimeupdate: 播放进度变化时触发,触发频率约为 250ms 一次。
binderror: 音频播放发生错误时触发。
示例代码
<audio
src="https://example.com/audio.mp3"