可以使用 HTML5 audio 标签来播放音频文件并控制显示效果。
解决方案:使用 HTML5 的 audio 标签来播放音频文件,并使用 JavaScript 来控制媒体控制器的显示效果。
以下是示例代码:
在该示例代码中,我们将 audio 标签的 controls 属性设置为 false 来隐藏媒体控制器,默认情况下不显示控制器。当音频文件开始播放时,我们使用 addEventListener 来监视 play 事件,将 controls 属性设置为 true,以便显示媒体控制器。当音频文件暂停时,我们使用 addEventListener 来监视 pause 事件,将 controls 属性重新设置为 false,以便隐藏媒体控制器。