0

私はHTML拡張機能を搭載した音楽を開発しています。

hide(); の後に曲の再生を停止するにはどうすればよいですか? またはフェードアウト（）; 関数が呼び出されましたか?

HTML と PHP は次のとおりです (はい、セキュリティの問題です。まだ開発段階にあるため、すべてのセキュリティとバグを修正します。

<?php
    require "core/database.php";

    $id = $_GET['id'];

    $select_song = mysql_query("SELECT * FROM music_player WHERE song_id='$id'") or die("we got an error");
    $retrive_song = mysql_fetch_array($select_song);
    $song_id = $retrive_song['song_id'];
    $song_path = $retrive_song['song_path'];
    $song_name = $retrive_song['song_name'];
    $band = $retrive_song['band'];
    echo($song_name);


    echo "
    <html>
    <head>
    </head>
    <script src='js/jquery.js'></script>
    <script src='js/custom.js'></script>

        <div id='content' style='display:none;'>
    <audio style=' display:block;' controls>

      <source src='music/$song_path'>
    Your browser does not support the audio element.
    </div>
    </audio>
        <b>Other Songs From $band</b>

    ";
        $select_band = mysql_query("SELECT * FROM music_player WHERE band='$band'");

        while($get_band = mysql_fetch_array($select_band)) {

        $band_song = $get_band['song_name'];
        if($song_name!=$band_song) {
    echo "
    <p> 

    <a href='#' class='songs_link'> $band_song </a> <br>

    </p>
    </html>


    ";
    }
    }

?>

これは、いくつかのカスタム変更を行うための jQuery です。

$(document).ready(function() {
$('#content').show();


    $('.songs_link').click(function() {

    $('#content').hide();

    });
});

リンクをクリックすると、現在の曲をフェードアウトしてから、ユーザーが選択した新しい曲に移動しようとしています。

4

1 に答える 1

0

audio 要素に id を追加し、次のようにします。

(...).fadeOut(function(){
   $('#audio_element').get(0).pause(); // or .stop()
});
于 2013-06-15T13:17:23.143 に答える