Loading...
Возможно ли реализовать такое, чтобы при нажатии на кнопку, проигрывался какой-то звук?В игре хочу, например, сделать.
Хэйтем , да, сейчас напишу код
Хэйтем ,
html
   <button class="button">Кнопка</button>   


javascript
   var button = document.querySelector('.button'); 

function setupSynth() {
window.synth = new Tone.Synth({
oscillator: {
type: 'sine',
modulationFrequency: 0.5
},
envelope: {
attack: 0,
decay: 0.2,
sustain: 0,
release: 0.5,
}
}).toMaster();
}

function boopMe() {
if (!window.synth) {
setupSynth();
}

window.synth.triggerAttackRelease(600, '9n');
}

button.addEventListener('touchstart', function(e) {
e.stopPropagation();
e.preventDefault();
boopMe();
});
button.addEventListener('mousedown', boopMe);


css
   @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300'; 

*{
font-family: 'Source Sans Pro', sans-serif;
box-sizing: border-box;
font-weight: 300;
padding: 0;
margin: 0;
}

body {
background-color: rgb(40, 45, 50);
}

.button {
border: none;
position: fixed;
top: calc(50% - 22px);
left: calc(50% - 82px);
width: 150px;
text-align: center;
background-color: rgb(0, 240, 168);
height: 45px;
line-height: 42px;
padding: 0 30px;
font-size: 20px;
border-radius: 30px;
color: rgb(40, 45, 50);
cursor: pointer;
outline: 0;

&:hover{
transform: scale(1.1, 1.1);
}
}
Foxsa , а где что указывать? Мне же нужно путь к файлу со звуком где-то указать
Хэйтем , еще один
html
   <!DOCTYPE HTML> 
<html>
<head>

</head>

<body>
<button id="mybtn" type="button" style="background-color: white">Траляля</button>
<audio id="myaudio">
<source src="http://upload.wikimedia.org/wikipedia/commons/5/59/C_major_scale.ogg" type="audio/ogg; codecs=vorbis" />
</audio>

<script>
/*Вешаем обработчик события на кнопку с идентификатором mybtn. Скрипт обязательно должен стоять
после кнопки, т.к. скрипты выполняются сразу при своей загрузке, и если он выполнится раньше
загрузки кнопки - он просто ее не увидит.*/
document.getElementById("mybtn").onclick = function()
{
var myaudio = document.getElementById("myaudio");
if(myaudio.paused == true)
{
document.getElementById("myaudio").play();
this.style.backgroundColor = "Blue"; //Цвет кнопки можно изменить напрямую, без всяких картинок.
this.style.color = "White"; //Заодно меняем цвет текста для удобичитаемости
//this здесь является самой кнопкой, так как функция является дочерней кнопке
}
else if (myaudio.paused == false)
{
document.getElementById("myaudio").pause();
this.style.backgroundColor = "White";
this.style.color = "Black";
}
}
</script>
</body>
</html>
Ужас, столько кода ради бесполезной фичи)
Хэйтем (12.04.2020 в 22:47)
Возможно ли реализовать такое, чтобы при нажатии на кнопку, проигрывался какой-то звук?В игре хочу, например, сделать.

Тебе в клиенскую часть, PHP увы не входит в это. Простыми словами гугли "js звук".
Хэйтем , По таким вопросам к App Store
хахахаххахах вот я дауном был .67. звук на php *tupoy*
Онлайн: 8
Время:
Gen. 0.1055
(c) Bym.Guru 2010-2026