JavaScript中使用音频对象audio播放音频,可自定义语音播放器样式

demo演示

大家知道 < audio > 标签无法定义样式,面对设计图中要实现的效果,我们该怎么办呢?

实现思路:不使用< audio >标签,使用JavaScript调用Audio对象并监听相应事件,实现音频的播放停止,这样就可以自定义播放器样式了

HTML < audio > 元素

< audio > 事件

demo适用场景:播放音频(如:用户自介绍音频等)

demo缺陷:暂停功能需自己扩展



    
    js播放音频,自定义播放器样式
    

    



音频图 9'
音频图 7'

你可能感兴趣的:(JavaScript中使用音频对象audio播放音频,可自定义语音播放器样式)