Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2012, 12:16
Новичок на форуме
Отправить личное сообщение для estet-osa Посмотреть профиль Найти все сообщения от estet-osa
 
Регистрация: 25.07.2012
Сообщений: 9

воспроизведение звука при нажатии на checkbox
Люди добрые, помогите воспроизвести звук один раз при нажатии на checkbox, в javascript не силен, поделитесь кодом... Желательно подробную инструкцию, типа: "Это вставь сюда, а тут нажми сюда"... Спасибо...

Последний раз редактировалось estet-osa, 25.07.2012 в 12:20.
Ответить с цитированием
  #2 (permalink)  
Старый 25.07.2012, 16:17
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

<label><input type="checkbox" id="miaow">Мяуу!</label>

<script>

var miaow = document.getElementById('miaow');

var audio = new Audio();
	audio.src = 'https://dl.dropbox.com/u/71157056/js.ru/4914_4948-lq.mp3';
	audio.load();

miaow.addEventListener('change', function (event) {
	if (event.target.checked) {
		audio.play();
	};
}, false);

</script>


Будет работать в Chrome, Safari и IE9. Для Opera и Firefox нужен звук в формате OGG.

Полезные ссылки:
HTML5 Audio — cостояние дел. Часть 1
Освоение HTML5 тега audio
ну и Поиск статей про <audio> на Хабрахабр

Последний раз редактировалось Magneto, 25.07.2012 в 16:22.
Ответить с цитированием
  #3 (permalink)  
Старый 25.07.2012, 17:11
Новичок на форуме
Отправить личное сообщение для estet-osa Посмотреть профиль Найти все сообщения от estet-osa
 
Регистрация: 25.07.2012
Сообщений: 9

Спасибо тебе друг, чтобы я делал без тебя И котенок прикольный, себе его оставлю Пригодится
Ответить с цитированием
  #4 (permalink)  
Старый 25.07.2012, 18:34
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

Лучше создать флеш со звуком в первом кадре, флеш размером 1х1.

<object id="soundflash" style="position:absolute; z-index:-10" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="1" height="1"><param name=movie value="ссылка к swf"><param name=quality value=high><embed src="ссылка к swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed></object>

<label><input type="checkbox" id="sound">Саунд</label>

<script>
document.getElementById('sound').onclick = function()
{
document.getElementById('soundflash').style.display='block';
setTimeout(function()
{
document.getElementById('soundflash').style.display='none';
},1000)
}
</script>


Зато во всех браузерах работать будет
Ответить с цитированием
  #5 (permalink)  
Старый 25.07.2012, 21:48
Новичок на форуме
Отправить личное сообщение для estet-osa Посмотреть профиль Найти все сообщения от estet-osa
 
Регистрация: 25.07.2012
Сообщений: 9

Русик, у меня не работает ни в хроме ни в опере
Ответить с цитированием
  #6 (permalink)  
Старый 25.07.2012, 21:52
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

estet-osa, хостинг uCoz?
Ответить с цитированием
  #7 (permalink)  
Старый 25.07.2012, 22:59
Новичок на форуме
Отправить личное сообщение для estet-osa Посмотреть профиль Найти все сообщения от estet-osa
 
Регистрация: 25.07.2012
Сообщений: 9

yutex оченьно мне нравится он
Ответить с цитированием
  #8 (permalink)  
Старый 26.07.2012, 06:11
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,932

estet-osa, вот, должно работать:

<div id="soundflash" style="position:absolute; z-index:-10; display:none"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="1" height="1"><param name=movie value="ссылка к swf"><param name=quality value=high><embed src="ссылка к swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed></object></div>

<label><input type="checkbox" onclick="sound()">Саунд</label>
 
<script>
function sound()
{
document.getElementById('soundflash').style.display='block'; 
setTimeout(function() 
{ 
document.getElementById('soundflash').style.display='none'; 
},1000) 
}
</script>
Ответить с цитированием
  #9 (permalink)  
Старый 12.11.2012, 03:37
Интересующийся
Отправить личное сообщение для cyberblade Посмотреть профиль Найти все сообщения от cyberblade
 
Регистрация: 20.03.2012
Сообщений: 12

Простите за апп...
Magneto твой пример не работает в сафари... В чем может быть проблема? Использую аналогичный скрипт у себя на сайте - сафари отказывается "петь".

Вот скрипт:
function playsound(sound, mute){

	var myfile;
	var ext = '.ogg';

	if (mute == 1){

		var ua = navigator.userAgent;	
		if (ua.search(/MSIE/) > 0){ext = '.mp3'}
		if (ua.search(/Chrome/) > 0){ext = '.mp3'}
		if (ua.search(/Safari/) > 0){ext = '.mp3';}
		
		if (sound == 1){myfile = 'sound/msg'+ext;}
		if (sound == 2){myfile = 'sound/turn'+ext;}
		if (sound == 3){myfile = 'sound/expand'+ext;}
		if (sound == 4){myfile = 'sound/error'+ext;}

		var audio = new Audio();
			audio.src = myfile;
			audio.load();
			audio.play();
	}
}

Последний раз редактировалось cyberblade, 12.11.2012 в 19:10.
Ответить с цитированием
  #10 (permalink)  
Старый 12.11.2012, 10:38
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

Возможно нужно установить Apple QuickTime.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
спрятать/показать поле ввода при нажатии на checkbox g1r Элементы интерфейса 34 16.12.2017 00:34
SyntaxHighlighter подсветка при нажатии faraday Общие вопросы Javascript 3 31.03.2012 23:43
Событие onClick при нажатии пункта меню Lex4e Общие вопросы Javascript 1 25.06.2010 18:31
При нажатии и удержании мыши заменяется картинка Webroller Events/DOM/Window 9 26.05.2010 16:00
Воспроизведение gif при постоянном обновлении Jekel Javascript под браузер 32 26.12.2009 13:38