پخش موزیک در وبسایت به کمک html و جاوا اسکریپت و دکمه بی صدا کردن

[@sina_samiipour]

#my-music{
display: none;
}
.toggleSwitch {
width: 55px;
height: 55px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
transition-duration: .3s;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.13);
overflow: hidden;
}
#checkboxInput {
display: none;
}
.speaker {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition-duration: .3s;
opacity: 0;
}
.speaker svg {
width: 25px;
}
.mute-speaker {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
z-index: 3;
transition-duration: .3s;
}
.mute-speaker svg {
width: 25px;
}
.mute-speaker svg path{
fill:#000;
stroke:#000;
}
#checkboxInput:checked +.toggleSwitch .speaker {
opacity: 1;
transition-duration: .3s;
}
#checkboxInput:checked +.toggleSwitch .mute-speaker {
opacity: 0;
transition-duration: .3s;
}
#checkboxInput:active + .toggleSwitch {
transform: scale(0.7);
}
#checkboxInput:hover + .toggleSwitch {
background-color: rgb(245, 245, 245);
}
document.addEventListener("DOMContentLoaded",()=>{
const myMusic = document.querySelector("#my-music");
const soundToggle = document.querySelector(".soundToggle");
let mutedSound = false;
soundToggle.addEventListener("click",()=>{
myMusic.play();
myMusic.muted = mutedSound;
mutedSound = !mutedSound;
})
window.addEventListener("load",()=>{
myMusic.volume = .5;
})
})

[@GodPleaseforgiveme]

عالی

[@MortezaEhyaei]

❤❤❤

[@MortezaEhyaei]

عاغلی و کاربردی

[@فاطمهمعقول]

ممنون از آموزش عالیتون

[@sina_samiipour]

@@فاطمهمعقول خواهش میکنم❤️

[@rezaershadi638]

لطفا برای ساخت باکس حرفه ای پخش ویدئو هم آموزش بذارید

[@sina_samiipour]

باشه حتماا

[@hamoonhemmati879]

سلام لطفا یه ویدیو برای استایل خود audio تو المنتور بزار❤

[@sina_samiipour]

@@hamoonhemmati879 حتماا❤️

[@user-zs3se1jo]

سلام . میشه یک آموزش بزاری که هر روز یکی از محصولات سایت به مدت 24 ساعت تخفیف بخوره حالا توی یک باکسی

[@sina_samiipour]

سلام وقت بخیر
یعنی به صورت رندوم؟