制作HTML链接以播放音频(没有HTML5播放器)

恩佐·麦克

我希望用户能够单击一个链接来在我的网站上播放音频,但是我不希望页面上本身有一个实际的“播放器”。有没有一种方法可以使链接播放音频文件?并不想去到一个实际的文件。我只是想在当前页面的“背景”中播放该音频。

我已经试过了:

<audio>
   <source src="My Audio.wav" type="audio/wav">
</audio>

但是,这甚至什么都没有显示。我需要做什么?

凯尔·马丁(Kyle Martin)
<audio id="player" src="My Audio.wav"></audio>

<div>
    <a href="#" onclick="document.getElementById('player').play()">Play</a>
</div>

这样,href="#"将链接到该完全相同的页面,然后单击该onclick事件将播放音频。

请注意,拥有几种不同的文件格式并不是一个坏主意。这将有助于跨浏览器的兼容性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

制作HTML链接以播放音频(没有HTML5播放器)

来自分类Dev

如何使html5音频播放器响应?

来自分类Dev

样式化HTML5音频播放器

来自分类Dev

如何制作通用的HTML5视频播放器

来自分类Dev

如何让 html5 播放器在没有源的情况下播放

来自分类Dev

具有多个文件的HTML5音频播放器(随机)

来自分类Dev

html5音频播放器通过innerhtml问题刷新,带有preventdefault

来自分类Dev

移动浏览器上的“自动播放” HTML5音频播放器

来自分类Dev

在播放器不可见的情况下自动播放带有HTML5 embed标签的音频

来自分类Dev

音频播放器html5播放按钮无法正常工作...?

来自分类Dev

在HTML5视频API播放器中使用HTML5音频API功能

来自分类Dev

(HTML5) 带有 $_POST/无直接链接的音乐播放器

来自分类Dev

使用html5播放音频流

来自分类Dev

使用Web音频API构建HTML5音频播放器

来自分类Dev

切换SHOUTcast音频流HTML5音频播放器和JQuery

来自分类Dev

切换SHOUTcast音频流HTML5音频播放器和JQuery

来自分类Dev

使用HTML5在React中构建简单的音频播放器时遇到麻烦

来自分类Dev

如何禁用音频播放器HTML5中的特定控件

来自分类Dev

如何在html5音频和视频播放器中回显php数组?

来自分类Dev

如何自定义html5音频播放器

来自分类Dev

WebAudioAPI:在Firefox中将JS音频对象附加到<audio> html5播放器的麻烦

来自分类Dev

HTML5音频播放器无法在Safari或IE上与jQuery一起使用

来自分类Dev

HTML5和JavaScript中每个音频播放器的音量滑块

来自分类Dev

HTML5音频播放器无法在Safari或IE上与jQuery一起使用

来自分类Dev

通过$ http服务使用AngularJs的HTML5音频播放器

来自分类Dev

如何设计HTML 5音频播放器

来自分类Dev

下一个音轨播放时如何停止此特定的音频播放器(HTML5 + JavaScript)

来自分类Dev

动态HTML音频播放器

来自分类Dev

视频播放器:HTML5 vs Youtube API

Related 相关文章

  1. 1

    制作HTML链接以播放音频(没有HTML5播放器)

  2. 2

    如何使html5音频播放器响应?

  3. 3

    样式化HTML5音频播放器

  4. 4

    如何制作通用的HTML5视频播放器

  5. 5

    如何让 html5 播放器在没有源的情况下播放

  6. 6

    具有多个文件的HTML5音频播放器(随机)

  7. 7

    html5音频播放器通过innerhtml问题刷新,带有preventdefault

  8. 8

    移动浏览器上的“自动播放” HTML5音频播放器

  9. 9

    在播放器不可见的情况下自动播放带有HTML5 embed标签的音频

  10. 10

    音频播放器html5播放按钮无法正常工作...?

  11. 11

    在HTML5视频API播放器中使用HTML5音频API功能

  12. 12

    (HTML5) 带有 $_POST/无直接链接的音乐播放器

  13. 13

    使用html5播放音频流

  14. 14

    使用Web音频API构建HTML5音频播放器

  15. 15

    切换SHOUTcast音频流HTML5音频播放器和JQuery

  16. 16

    切换SHOUTcast音频流HTML5音频播放器和JQuery

  17. 17

    使用HTML5在React中构建简单的音频播放器时遇到麻烦

  18. 18

    如何禁用音频播放器HTML5中的特定控件

  19. 19

    如何在html5音频和视频播放器中回显php数组?

  20. 20

    如何自定义html5音频播放器

  21. 21

    WebAudioAPI:在Firefox中将JS音频对象附加到<audio> html5播放器的麻烦

  22. 22

    HTML5音频播放器无法在Safari或IE上与jQuery一起使用

  23. 23

    HTML5和JavaScript中每个音频播放器的音量滑块

  24. 24

    HTML5音频播放器无法在Safari或IE上与jQuery一起使用

  25. 25

    通过$ http服务使用AngularJs的HTML5音频播放器

  26. 26

    如何设计HTML 5音频播放器

  27. 27

    下一个音轨播放时如何停止此特定的音频播放器(HTML5 + JavaScript)

  28. 28

    动态HTML音频播放器

  29. 29

    视频播放器:HTML5 vs Youtube API

热门标签

归档