Воспроизведение звука при вводе новой базы данных


1 принят

Где-то на вашей странице есть

<audio id="myaudio" src="shout.mp3"></audio>

И при получении нового крика (может быть, до звонка getshouts())

document.getElementById('myaudio').play();

1

Я бы позвонил 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();
    }
}

Этот код не проверен, но даст вам базовую идею.

Больше ресурсов:

  • http://html5doctor.com/native-audio-in-the-browser/
  • http://wpaudioplayer.com/standalone/

Ура!


0

Продолжая запись Евгения, отредактируйте свои php-файлы, которые добавляют ответ в базу данных mysql и воспроизводят музыку.


0

Мой дизайн отображал имена звуковых файлов из однострочной таблицы 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>
PHP, SQL, AJAX, JQuery,

php,sql,ajax,jquery,

0

Ответов: 4


1 принят

Где-то на вашей странице есть

<audio id="myaudio" src="shout.mp3"></audio>

И при получении нового крика (может быть, до звонка getshouts())

document.getElementById('myaudio').play();

1

Я бы позвонил 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();
    }
}

Этот код не проверен, но даст вам базовую идею.

Больше ресурсов:

  • http://html5doctor.com/native-audio-in-the-browser/
  • http://wpaudioplayer.com/standalone/

Ура!


0

Продолжая запись Евгения, отредактируйте свои php-файлы, которые добавляют ответ в базу данных mysql и воспроизводят музыку.


0

Мой дизайн отображал имена звуковых файлов из однострочной таблицы 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>
PHP, SQL, AJAX, JQuery,
Похожие вопросы
Яндекс.Метрика