html+css 怎么做到点击在线试听音乐的功能，而不是超链接下载这个音乐

发布网友发布时间：2022-05-12 23:37

共6个回答

懂视网时间：2022-05-13 03:59

最近由于项目需要，要做一个点击下载的功能，用html实现就可以了，但是现在的问题是如果是mp3文件，那么点击会使用系统自带的播放器打开，如果用target=_blank，会以浏览器的默认方式打开播放mp3文件。一直没有找到好的解决方案，项目急需啊，就要上线了，求大神指导！！万分感激！

回复讨论(解决方案)

打包成rar格式。。。

打包成rar格式。。。
+++1

用php来输出下载文件，输出之前设置响应头Content-Disposition为attachment; filename="xxx.mp3"就行了

直接连接到mp3文件会调用系统的处理程序来打开的

热心网友时间：2022-05-13 01:07

谁说bgsound不行的

<html>

<body>

<bgsound id="bgsound" loop=1 />
歌曲<a href="歌曲.mp3" onclick="st(this)">点击试听</a><a href="歌曲.mp3">点击下载</a><a href="*" onclick="stops()">停止播放</a>
<script>
function st(obj){
    var src=obj.href;
    document.getElementById("bgsound").src=src;
    return false;
}
function stops(){
    document.getElementById("bgsound").src="";
    return false;
}
</script>

</body>

</html>

热心网友时间：2022-05-13 02:25

百度搜索“音乐代码在线生成”...
生成以后下载下来，好好看看别人是怎么做出来的，有时候动脑筋做出来的东西，比别人直接给你更能学到你想要学习到的东西。

热心网友时间：2022-05-13 03:59

建议网友把音乐的网址做成js调用，在代码中插入，应该就可以了，希望会对你有帮助。

热心网友时间：2022-05-13 05:51

想要实现这个需要插入音乐模块，这是需要JS插件来实现的

热心网友时间：2022-05-13 07:59

不是有 audio这个标签吗好像