如何能实现打开网站就可以播放音乐

志愿者 · 发表于 2022-7-26 22:54:08

比如这个网站：https://www.cvf.org.cn/

1 贡献

最佳答案

<script>
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function musicPalyer(obj){
var myAuto =document.getElementById('musicPalyer');
var playerBtn = document.getElementById('player_btn');
var boolClass = hasClass(playerBtn,'close_player');
if(boolClass){
myAuto.pause(); //暂停播放
playerBtn.className="player";
}else{
myAuto.play();
playerBtn.className +=" " + 'close_player';
}
}
</script>
<style>
.player{background:url(https://www.cvf.org.cn/cvf/images/player-r.png) no-repeat 50% 50%;width: 24px;height: 24px;display: block;float: right;text-indent: -9999px;margin-top:5px;}
.player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) no-repeat 50% 50%;}
</style>
<audio autoplay="" id="musicPalyer">
<source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
</audio>
<a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>

复制代码

你发的网站里扒下来的代码，包含暂停功能

1314学习网
发表于2022-7-27 00:42:51
详细答案 >

1314学习网 · 发表于 2022-7-27 00:42:51

<script>
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function musicPalyer(obj){
var myAuto =document.getElementById('musicPalyer');
var playerBtn = document.getElementById('player_btn');
var boolClass = hasClass(playerBtn,'close_player');
if(boolClass){
myAuto.pause(); //暂停播放
playerBtn.className="player";
}else{
myAuto.play();
playerBtn.className +=" " + 'close_player';
}
}
</script>
<style>
.player{background:url(https://www.cvf.org.cn/cvf/images/player-r.png) no-repeat 50% 50%;width: 24px;height: 24px;display: block;float: right;text-indent: -9999px;margin-top:5px;}
.player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) no-repeat 50% 50%;}
</style>
<audio autoplay="" id="musicPalyer">
<source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
</audio>
<a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>

复制代码

你发的网站里扒下来的代码，包含暂停功能

TaC · 发表于 2022-7-27 12:19:21

靠，为了回复你这个问题，我是登录又验证，又是手机邦定。真是晕了，以前不是登录过了吗，只是没常来而亦。网站都停了，是很少时间来了。这几天把程序安装在电脑里，感觉了下以前的味道。正好遇到你这个问题，我试了下，把以前建站时保留的一些代码，换着组合，放到页面上，还是有效果，因此贴出来给你参考下。好象第一个页面不响，后台随便点击哪个页面，音乐响起。
                <dl>
   <dt>音乐欣赏</dt>
            <dd><EMBED audio controls="controls" src=image/茶禅弹奏.mp3  width=150 height=70></audio></EMBED></dd>
         </dl>
      
备：红色是音乐文件路径。
   这个代码放在底部文件，那些关于我们等内容的导航位置。

志愿者 · 发表于 2022-7-27 21:55:21

1314学习网发表于 2022-7-27 00:42
你发的网站里扒下来的代码，包含暂停功能

这个代码放到那里面？

志愿者 · 发表于 2022-7-27 21:55:55

TaC 发表于 2022-7-27 12:19
靠，为了回复你这个问题，我是登录又验证，又是手机邦定。真是晕了，以前不是登录过了吗，只是没常来而亦。 ...

这个代码应该放到那个文件里面？

志愿者 · 发表于 2022-7-27 21:59:36

TaC 发表于 2022-7-27 12:19
靠，为了回复你这个问题，我是登录又验证，又是手机邦定。真是晕了，以前不是登录过了吗，只是没常来而亦。 ...

template/default/portal/index.htm
是修改这个么？

志愿者 · 发表于 2022-7-27 21:59:51

1314学习网发表于 2022-7-27 00:42
你发的网站里扒下来的代码，包含暂停功能

template/default/portal/index.htm
是修改这个么？

無名 · 发表于 2022-7-27 23:08:52

志愿者发表于 2022-7-27 21:59
template/default/portal/index.htm
是修改这个么？

1、如果你想把按钮放在页面的左上边，把代码添加到 → 后台/全局/seo设置/其他/其他头部信息

2、如果想把按钮放到下边，把代码添加到 → 后台/全局/网站第三方统计代码

3、也可以把代码添加到后台/营运/站点广告里。

TaC · 发表于 2022-7-27 23:14:16

志愿者发表于 2022-7-27 21:59
template/default/portal/index.htm
是修改这个么？

在你所使用的模板目录template/default/common/footer.html (这个是官方程序默认的模板文件，底部文件)
我安装了其它模板，目录同样是template/其它模板/common/footer.php (我是在这里修改测试的)

一般底部文件是：footer.html 或 footer.php。如果是官方的，文件里全是代码，我也分不清。如果是新装的模板，一般有中文，类似于有一些关于我们，网站站务类的内容导航，根据情况把音乐代码安放到可以的地方。
慢慢试就好

志愿者 · 发表于 2022-7-27 23:24:49

TaC 发表于 2022-7-27 23:14
在你所使用的模板目录template/default/common/footer.html (这个是官方程序默认的模板文件，底部文件)
...

修改底部文件也可以实现？行我知道了感谢您的回复！

[已解决] 如何能实现打开网站就可以播放音乐

最佳答案

相关帖子

产品服务

开发者服务

使用教程