加林森 发表于 2022-3-10 21:05
樵歌听不见？你点一下就可以。
点不动，最上面出现一提示：说少安装了一个插件。不敢在页面上装，我得找管家去
本帖最后由 加林森 于 2022-5-26 11:57 编辑 <br /><br />樵歌 发表于 2022-3-11 18:44
点不动，最上面出现一提示：说少安装了一个插件。不敢在页面上装，我得找管家去
嗯嗯，明白了。
<style type="text/css">
#btn-box { position: relative; background: transparent; width: 32px; height: 32px; }
#btn-box div { position: absolute; left: 0; top: 0; width: 32px; height: 32px; outline: none; border: none; border-radius: 50%; background: #fff; box-shadow: 2px 2px 4px 1px rgba(0,0,0,.8); opacity: .5; cursor: pointer; }
#btn-box div:hover { opacity: .8; box-shadow: 2px 2px 4px 1px rgba(0,0,0,.7); }
#btn-box div:active { opacity: .8; box-shadow: 1px 1px 1px 1px rgba(0,0,0,.9); }
#btn-play::before { content: ""; position: absolute; width: 0; height: 0; left: 13px; top: 8px; border: 8px solid transparent; border-left-color: #000; background: #fff; }
#btn-pause { display: none; }
#btn-pause::before { content: ""; position: absolute; width: 2px; height: 10px; left: 10px; top: 10px;border: 0;border-left: 4px solid #000; border-right: 4px solid #000; background: #fff; }
</style>
<div id="btn-box"><style>
.fan {
--ss: 30px;
left: 0px; top: 0px;
width: var(--ss);
height: var(--ss);
background: linear-gradient(transparent 46%,green 47%, transparent 54%),
linear-gradient(90deg,transparent 46%,green 47%, transparent 54%);
border: calc(var(--ss) / 10) solid darkgreen;
border-radius: 50%;
position: relative;
cursor: pointer;
animation: rot .2s linear infinite;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div class="fan"></div>
<script>
let flag = true;
let fan = document.querySelector(".fan");
let au = document.createElement("audio");
au.src = "https://pic.imgdb.cn/item/628ef5a50947543129a243cc.jpg";
au.autoplay = flag;
au.loop = true;
fan.appendChild(au);
if(!flag) fan.style.animationPlayState = "paused";
fan.onclick = function(){
flag ? (this.style.animationPlayState = "paused",au.pause(),flag = false) :
(this.style.animationPlayState = "running",au.play(),flag = true);
}
</script><div id="btn-play"></div><div id="btn-pause"></div></div>
<audio id="ymusic" src="https://www.joy127.com/url/90533.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var btn = document.getElementById('btn-box');
var mu = document.getElementById('ymusic');
var playbtn = document.getElementById('btn-play');
var pausebtn = document.getElementById('btn-pause');
mu.autoplay ? (playbtn.style.display="none", pausebtn.style.display="block") : (playbtn.style.display="block", pausebtn.style.display="none");
btn.onclick = function(){ iplay(1); }
mu.addEventListener("ended", function(){ iplay(0); })
function iplay(flag){
if(flag==1){
mu.paused ? (mu.play(), playbtn.style.display="none", pausebtn.style.display="block") : (mu.pause(), playbtn.style.display="block", pausebtn.style.display="none");
}else{
playbtn.style.display = "block";
pausebtn.style.display = "none";
}
}
</script>
加林森 发表于 2022-3-11 13:45
我能听见的。我在127网站先听了的，有声音的啊。怎么到论坛就没有了呢？真奇怪。
你是说帖子发出来的时候就没声音？
红影 发表于 2022-3-12 13:04
你是说帖子发出来的时候就没声音？
有声音的啊。
加林森 发表于 2022-3-12 13:13
有声音的啊。
我跟着帖子里的地址去听了听，发现打开127提示危险，不能直接听。我要选择忽略危险才能听。可能是这个原因造成的。
红影 发表于 2022-3-12 16:51
我跟着帖子里的地址去听了听，发现打开127提示危险，不能直接听。我要选择忽略危险才能听。可能是这个原 ...
以后不去玩了。
加林森 发表于 2022-3-12 17:09
以后不去玩了。
嗯嗯，换的地方找音乐。
红影 发表于 2022-3-12 18:30
嗯嗯，换的地方找音乐。
就是。
加林森 发表于 2022-3-11 18:46
嗯嗯，明白了。
装了的，还是听不到。说得装页面最上面一个软件，不敢装
樵歌 发表于 2022-3-12 21:17
装了的，还是听不到。说得装页面最上面一个软件，不敢装
应该是网站有问题了，下次不要他们的音乐了。