Где-то на вашей странице есть
<audio id="myaudio" src="shout.mp3"></audio>
И при получении нового крика (может быть, до звонка getshouts()
)
document.getElementById('myaudio').play();
Я бы позвонил audio.play()
внутрь getshouts()
.
Имейте в виду, что звуковой тег поддерживается только в новейших браузерах. Взгляните на эту страницу для резервного механизма для вашего аудио тега: http://code.coneybeare.net/getting-html5-audio-tag-and-flash-fallback-to
HTML
<audio id="audioplayer" preload>
<source src="audio.mp3">
</audio>
Javascript
var audioTag = document.createElement('audio');
if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) {
AudioPlayer.embed("audioplayer", {soundFile: "audio.mp3"});
}
function getshouts(){
... // your code
if(success){
audioTag.play();
}
}
Этот код не проверен, но даст вам базовую идею.
Больше ресурсов:
Ура!
Мой дизайн отображал имена звуковых файлов из однострочной таблицы MySQL и предоставлял пользователю возможность играть в них. Названия столбцов представляют события, которые ускоряют воспроизведение звука в конечном приложении. Вот код PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Event Sounds</title>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
<body>
<h1><b>AZ Science Bowl</b> -- Back Room Operations</h1>
<h2>Event Sounds Selected -- and Test Play</h2>
<?php
$dsn = "mysql:dbname=SciBwl_Operation_TestI";
$username = "********";
$password = "********";
try {
$conn = new PDO( $dsn, $username, $password );
$conn->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );
} catch ( PDOException $e ) {
echo "Connection failed: " . $e->getMessage();
}
$sql = "SELECT * FROM SoundsSelect";
echo "<ul>";
try {
$rows = $conn->query( $sql );
foreach ( $rows as $row ) {
echo "<li>For <b>Program Start:</b> " . $row["ProgStart"] . " <audio controls><source src="./sounds/" . $row["ProgStart"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Break & Round Start:</b> " . $row["BrkRndStart"] . " <audio controls><source src="./sounds/" . $row["BrkRndStart"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Toss & Bonus Start:</b> " . $row["TossBonusStart"] . " <audio controls><source src="./sounds/" . $row["TossBonusStart"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>5 Second Warning:</b> " . $row["5SecWarn"] . " <audio controls><source src="./sounds/" . $row["5SecWarn"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Toss & Bonus End:</b> " . $row["TossBonusEnd"] . " <audio controls><source src="./sounds/" . $row["TossBonusEnd"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>30 Second End of Break Warning:</b> " . $row["30SecWarn"] . " <audio controls><source src="./sounds/" . $row["30SecWarn"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Round End:</b> " . $row["RoundEnd"] . " <audio controls><source src="./sounds/" . $row["RoundEnd"] . "" type="audio/wav"></audio></li>";
}
} catch ( PDOException $e ) {
echo "Query failed: " . $e->getMessage();
}
echo "</ul>";
$conn = null;
?>
<br><br>
</body>
</html>
Я бы позвонил audio.play()
внутрь getshouts()
.
Имейте в виду, что звуковой тег поддерживается только в новейших браузерах. Взгляните на эту страницу для резервного механизма для вашего аудио тега: http://code.coneybeare.net/getting-html5-audio-tag-and-flash-fallback-to
HTML
<audio id="audioplayer" preload>
<source src="audio.mp3">
</audio>
Javascript
var audioTag = document.createElement('audio');
if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) {
AudioPlayer.embed("audioplayer", {soundFile: "audio.mp3"});
}
function getshouts(){
... // your code
if(success){
audioTag.play();
}
}
Этот код не проверен, но даст вам базовую идею.
Больше ресурсов:
Ура!
Мой дизайн отображал имена звуковых файлов из однострочной таблицы MySQL и предоставлял пользователю возможность играть в них. Названия столбцов представляют события, которые ускоряют воспроизведение звука в конечном приложении. Вот код PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Event Sounds</title>
<link rel="stylesheet" type="text/css" href="common.css" />
</head>
<body>
<h1><b>AZ Science Bowl</b> -- Back Room Operations</h1>
<h2>Event Sounds Selected -- and Test Play</h2>
<?php
$dsn = "mysql:dbname=SciBwl_Operation_TestI";
$username = "********";
$password = "********";
try {
$conn = new PDO( $dsn, $username, $password );
$conn->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );
} catch ( PDOException $e ) {
echo "Connection failed: " . $e->getMessage();
}
$sql = "SELECT * FROM SoundsSelect";
echo "<ul>";
try {
$rows = $conn->query( $sql );
foreach ( $rows as $row ) {
echo "<li>For <b>Program Start:</b> " . $row["ProgStart"] . " <audio controls><source src="./sounds/" . $row["ProgStart"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Break & Round Start:</b> " . $row["BrkRndStart"] . " <audio controls><source src="./sounds/" . $row["BrkRndStart"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Toss & Bonus Start:</b> " . $row["TossBonusStart"] . " <audio controls><source src="./sounds/" . $row["TossBonusStart"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>5 Second Warning:</b> " . $row["5SecWarn"] . " <audio controls><source src="./sounds/" . $row["5SecWarn"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Toss & Bonus End:</b> " . $row["TossBonusEnd"] . " <audio controls><source src="./sounds/" . $row["TossBonusEnd"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>30 Second End of Break Warning:</b> " . $row["30SecWarn"] . " <audio controls><source src="./sounds/" . $row["30SecWarn"] . "" type="audio/wav"></audio></li>";
echo "<li>For <b>Round End:</b> " . $row["RoundEnd"] . " <audio controls><source src="./sounds/" . $row["RoundEnd"] . "" type="audio/wav"></audio></li>";
}
} catch ( PDOException $e ) {
echo "Query failed: " . $e->getMessage();
}
echo "</ul>";
$conn = null;
?>
<br><br>
</body>
</html>