请选择 进入手机版 | 继续访问电脑版
查看: 1236|回复: 12

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

[复制链接]

17

主题

67

回帖

95

积分

渐入佳境

贡献
0 点
金币
5 个
QQ
发表于 2022-7-26 22:54:08 | 显示全部楼层 |阅读模式
比如这个网站:https://www.cvf.org.cn/
1 贡献

最佳答案

  1. <!-- 背景音乐 -->
  2.             <script>
  3.               function hasClass(ele,cls) {
  4.                 return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
  5.               }
  6.               function musicPalyer(obj){
  7.                 var myAuto =document.getElementById('musicPalyer');
  8.                 var playerBtn = document.getElementById('player_btn');
  9.                 var boolClass = hasClass(playerBtn,'close_player');
  10.                 if(boolClass){
  11.                   myAuto.pause(); //暂停播放
  12.                   playerBtn.className="player";
  13.                 }else{
  14.                   myAuto.play();
  15.                   playerBtn.className +=" " + 'close_player';
  16.                 }
  17.               }
  18.             </script>
  19.             <style>
  20.               .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;}  
  21.               .player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) no-repeat 50% 50%;}
  22.             </style>
  23.           <audio autoplay="" id="musicPalyer">
  24.             <source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
  25.           </audio>
  26.           <a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>
复制代码
你发的网站里扒下来的代码,包含暂停功能

仁爱志愿者组织
www.bcvo.org.cn
回复

使用道具 举报

15

主题

530

回帖

1595

积分

应用开发者

贡献
30 点
金币
888 个
发表于 2022-7-27 00:42:51 | 显示全部楼层
  1. <!-- 背景音乐 -->
  2.             <script>
  3.               function hasClass(ele,cls) {
  4.                 return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
  5.               }
  6.               function musicPalyer(obj){
  7.                 var myAuto =document.getElementById('musicPalyer');
  8.                 var playerBtn = document.getElementById('player_btn');
  9.                 var boolClass = hasClass(playerBtn,'close_player');
  10.                 if(boolClass){
  11.                   myAuto.pause(); //暂停播放
  12.                   playerBtn.className="player";
  13.                 }else{
  14.                   myAuto.play();
  15.                   playerBtn.className +=" " + 'close_player';
  16.                 }
  17.               }
  18.             </script>
  19.             <style>
  20.               .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;}  
  21.               .player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) no-repeat 50% 50%;}
  22.             </style>
  23.           <audio autoplay="" id="musicPalyer">
  24.             <source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
  25.           </audio>
  26.           <a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>
复制代码
你发的网站里扒下来的代码,包含暂停功能

回复 支持 反对

使用道具 举报

58

主题

334

回帖

423

积分

炉火纯青

贡献
2 点
金币
12 个
发表于 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>
         <!--背景音乐结束-->
备:红色是音乐文件路径。
      这个代码放在底部文件,那些关于我们等内容的导航位置。

回复 支持 反对

使用道具 举报

17

主题

67

回帖

95

积分

渐入佳境

贡献
0 点
金币
5 个
QQ
 楼主| 发表于 2022-7-27 21:55:21 | 显示全部楼层
1314学习网 发表于 2022-7-27 00:42
你发的网站里扒下来的代码,包含暂停功能

这个代码放到那里面?
仁爱志愿者组织
www.bcvo.org.cn
回复 支持 反对

使用道具 举报

17

主题

67

回帖

95

积分

渐入佳境

贡献
0 点
金币
5 个
QQ
 楼主| 发表于 2022-7-27 21:55:55 | 显示全部楼层
TaC 发表于 2022-7-27 12:19
靠,为了回复你这个问题,我是登录又验证,又是手机邦定。真是晕了,以前不是登录过了吗,只是没常来而亦。 ...

这个代码应该放到那个文件里面?
仁爱志愿者组织
www.bcvo.org.cn
回复 支持 反对

使用道具 举报

17

主题

67

回帖

95

积分

渐入佳境

贡献
0 点
金币
5 个
QQ
 楼主| 发表于 2022-7-27 21:59:36 | 显示全部楼层
TaC 发表于 2022-7-27 12:19
靠,为了回复你这个问题,我是登录又验证,又是手机邦定。真是晕了,以前不是登录过了吗,只是没常来而亦。 ...

template/default/portal/index.htm
是修改这个么?
仁爱志愿者组织
www.bcvo.org.cn
回复 支持 反对

使用道具 举报

17

主题

67

回帖

95

积分

渐入佳境

贡献
0 点
金币
5 个
QQ
 楼主| 发表于 2022-7-27 21:59:51 | 显示全部楼层
1314学习网 发表于 2022-7-27 00:42
你发的网站里扒下来的代码,包含暂停功能

template/default/portal/index.htm
是修改这个么?
仁爱志愿者组织
www.bcvo.org.cn
回复 支持 反对

使用道具 举报

10

主题

358

回帖

644

积分

自成一派

贡献
1 点
金币
192 个
发表于 2022-7-27 23:08:52 | 显示全部楼层
志愿者 发表于 2022-7-27 21:59
template/default/portal/index.htm
是修改这个么?

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

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

3、也可以把代码添加到后台/营运/站点广告里。
回复 支持 反对

使用道具 举报

58

主题

334

回帖

423

积分

炉火纯青

贡献
2 点
金币
12 个
发表于 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。如果是官方的,文件里全是代码,我也分不清。如果是新装的模板,一般有中文,类似于有一些关于我们,网站站务类的内容导航,根据情况把音乐代码安放到可以的地方。
慢慢试就好
回复 支持 反对

使用道具 举报

17

主题

67

回帖

95

积分

渐入佳境

贡献
0 点
金币
5 个
QQ
 楼主| 发表于 2022-7-27 23:24:49 | 显示全部楼层
TaC 发表于 2022-7-27 23:14
在你所使用的模板目录template/default/common/footer.html  (这个是官方程序默认的模板文件,底部文件)
...

修改底部文件也可以实现?行我知道了 感谢您的回复!
仁爱志愿者组织
www.bcvo.org.cn
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则