Звук по клику! (по нажатию на картинку)

@tsorion · Регистрация: 11.05.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте я скачал с сайта http://studioad.ru/index/0-8 установил все отлично. мне теперь надо чтоб когда я нажимал на опред картинку начинал говорить голос. все уже записано. как это сделать? можно ли?

@OT_VINTA · 20.06.2013, 15:46

HTML5
1
<div id="wave"></div>

JavaScript
1
function play() {document.getElementById("wave").innerHTML = "<audio src=\"URL\" autoplay></audio>"}

как-то так

Добавлено через 39 секунд
Только браузер должен поддерживать HTML5

Добавлено через 4 минуты
Вот еще http://msdn.microsoft.com/ru-r... s.85).aspx тут почитайте

Добавлено через 4 минуты
Наверное можно так, но я не пробовал

HTML5
1
<audio id="myaudio" src="URL" preload="auto" autoplay></audio>

JavaScript
1
function start(){document.getElementById("myaudio").play()}

@tsorion · 20.06.2013, 15:46 **[ТС]**

JavaScript
1
function play() {document.getElementById("wave").innerHTML = "<audio src=\"URL\" autoplay></audio>"}

А куда это вставлять? в js я не разбираюсь

@OT_VINTA · 20.06.2013, 15:56

HTML5
1
2
3
<script>
function play() {document.getElementById("wave").innerHTML = "<audio src=\"URL\" autoplay></audio>"}
</script>

Добавлено через 1 минуту
не забудьте к картинке поставить onclick="play()"

@tsorion · 20.06.2013, 17:39 **[ТС]**

я правильно сделал ?

HTML5
1
function play() {document.getElementById("wave").innerHTML = "<audio src=\"audio/Abaeva.wav\" autoplay></audio>"}

Добавлено через 3 минуты
а что никакой js фаил одключать не надо?

Добавлено через 22 секунды
подключать

@OT_VINTA · 20.06.2013, 23:27

нет
надо только в конец добавить код, написанный мною выше

@tsorion · 21.06.2013, 08:48 **[ТС]**

Все сделал. и мое фото изчезает просто

Добавлено через 16 секунд
при нажатии

Добавлено через 8 минут
ПОлучается. но как при переходе на другую картинку и когда закрываю чтоб звук прерывался?

@Опан · 21.06.2013, 23:56

Добавить в событие перехода или закрытия:

JavaScript
1
document.getElementById("myaudio").stop();

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@tsorion 25 / 25 / 0 Регистрация: 11.05.2012 Сообщений: 468

	Звук по клику! (по нажатию на картинку) 20.06.2013, 14:53. Показов 8615. Ответов 7 Метки нет (Все метки) Здравствуйте я скачал с сайта http://studioad.ru/index/0-8 установил все отлично. мне теперь надо чтоб когда я нажимал на опред картинку начинал говорить голос. все уже записано. как это сделать? можно ли? 0

@OT_VINTA 116 / 94 / 12 Регистрация: 13.02.2013 Сообщений: 278
	20.06.2013, 23:27
	нет надо только в конец добавить код, написанный мною выше 1

@tsorion 25 / 25 / 0 Регистрация: 11.05.2012 Сообщений: 468
	21.06.2013, 08:48 [ТС]
	Все сделал. и мое фото изчезает просто Добавлено через 16 секунд при нажатии Добавлено через 8 минут ПОлучается. но как при переходе на другую картинку и когда закрываю чтоб звук прерывался? 0