javascript - jQuery のオーディオ グリッチ

Question

ラジオ局のストリームを再生するオーディオ プレーヤーを完全に開発しました。彼らは現在 StreamOn でオーディオをホストしており、ストリーミング ウィジェットの右下にあるプレーヤーの再生ボタンをクリックすると、バッファリング後に、非表示になるようにスタイル設定された iframe を挿入してオーディオが再生されます。ただし、スタッフは、読み込み中に再生ボタンを複数回クリックすると、複数のストリームが再生されると不満を漏らしています (ここで見られるように: Glitched Page )。そのため、テスト ページで以下のコードを試して、このようなシナリオが発生しないようにしました。ただし、オーディオは現在要求されてもロードされていません (ここで確認できるように: Test Page )。助けていただければ幸いです。

<script>
                $playing = 0;

                $(document).on("click", "button#mute", function(){
                    $('iframe#audioStreamOn').remove();
                    $playing = 0;
                });

                if ($playing =0) {
                    $(document).on("click", "button#play", function(){
                        $(this).after('<iframe id="audioStreamOn" class="hidden" src="http://wpov.streamon.fm"></iframe>');
                        $playing = 1;
                    });
                }

                else {
                    $(document).on("click", "button#play", function(){
                    });
                }
        </script>