uni-app组件_音频-【官方】百战程序员_IT在线教育培训机构

属性名	类型	默认值	说明
id	String		audio 组件的唯一标识符
src	String		要播放音频的资源地址
loop	Boolean	false	是否循环播放
controls	Boolean	false	是否显示默认控件
poster	String		默认控件上的音频封面的图片资源地址，如果 controls 属性值为 false 则设置 poster 无效
name	String	未知音频	默认控件上的音频名字，如果 controls 属性值为 false 则设置 name 无效
author	String	未知作者	默认控件上的作者名字，如果 controls 属性值为 false 则设置 author 无效
@error	EventHandle		当发生错误时触发 error 事件，detail = {errMsg: MediaError.code}
@play	EventHandle		当开始/继续播放时触发play事件
@pause	EventHandle		当暂停播放时触发 pause 事件
@timeupdate	EventHandle		当播放进度改变时触发 timeupdate 事件，detail = {currentTime, duration}
@ended	EventHandle		当播放到末尾时触发 ended 事件


xxxxxxxxxx
<audio 
       :src="current.src" 
       :poster="current.poster" 
       :name="current.name" 
       :author="current.author"
       @play="playerHandler"
       @pause="pauseHandler"
       @timeupdate="timeupdateHandler"
       controls>
</audio>


xxxxxxxxxx
export default {
    data() {
        return {
            current: {
                poster: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png',
                name: '致爱丽丝',
                author: '暂无',
                src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
            }
        }
    },
    methods: {
        playerHandler(){
            console.log("开始播放")
        },
        pauseHandler(){
            console.log("暂停播放")
        },
        timeupdateHandler(e){
            console.log(e.detail)
        }
    }
}

实时效果反馈

1. uni-app中，音频播放可以显示控制器的属性是哪一个：

A loop

B src

C poster

D controls

答案

1=>D

uni-app组件-表单_开关选择器 uni-app组件_视频

北京市昌平区回龙观镇南店村综合商业楼2楼226室