2016-07-07 10 views
-4

マイコードの残りの部分にこのコードを追加する私を見ることができます:これはコードですhttps://jsfiddle.net/7meetm89/1/誰かがどのようにコード

、私は誰かが表示することができ、コードの残りの部分にそれを追加する方法がわかりません私?

myaud=document.getElementById("player");myaud.volume=1.0; 

<button style="cursor: pointer; background-color:blue;padding-bottom:1px;" 
onclick="document.getElementById('player').play()">Play</button> 

<audio id="player" preload="none" style="display:none;"> 
<source src='http://air.radiorecord.ru:8101/rr_320' type='audio/mpeg'/> 
</audio> 
+0

あなたは何を期待していますか?オーディオが適切に再生されています。あなたはイヤホンが必要です:) – Rohit

+0

何をしようとしていますか? 'play()'と 'volume'はどこから来ましたか? – Coderchu

+0

どういう意味ですか、私はボリューム設定をすることができるようにしようとしています、それだけです。それを行う方法を知ることができるように、あなたが投稿した内容は正しくありませんでした。 – htmlcsscoding

答えて

1

onclickに1 function()を追加します。その機能の中でボリュームと再生コントロールを設定します。

その他の変更点:はHTML5のコントロールを表示するには、オーディオタグでcontrolsを追加しましたし、display:none

編集を削除:あなたは<script> </script>タグ内setControls()機能を追加することができます。 外部ファイルにスクリプトを追加してリンクすることもできます。してくださいread more

function setControls() { 
 
    myaud=document.getElementById("player"); 
 
    myaud.play(); 
 
    myaud.volume=1.0; 
 
    }
<button style="cursor: pointer; background-color:blue;padding-bottom:1px;" 
 
onclick="setControls()">Play</button> 
 

 
<audio controls id="player" preload="none"> 
 
<source src='http://air.radiorecord.ru:8101/rr_320' type='audio/mpeg'/> 
 
</audio>

+0

すばらしい答えRohit。私は** htmlcsscoding **はjavascriptを使用することに新しいので、あなたの答えを素早く編集して '

関連する問題