「html」の編集履歴(バックアップ)一覧はこちら
「html」(2012/11/16 (金) 19:45:50) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*DOMを非表示
----
下のコードをタグの中に入れればOK!
#highlight(){style="display: none; "}
例
#highlight(){<div style="display: none;"></div>}
styleではcssのパラメータを変更できる。displayはcssのコマンドである。
*audioタグ
----
htmlファイル
#highlight(){
<!DOCTYPE html>
<html>
<head>
<title>html5オーディオプレイヤー</title>
<meta charset="UTF-8">
<script src="./html5_audio.js"></script>
</head>
<body>
<div id="audioZone">
<audio id="audio_8000" preload="auto" controls>
<source src="audio/8000.wav" type="audio/wav">
<source src="audio/8000.mp3" type="audio/mp3">
<p>※ご利用のブラウザでは再生することができません。</p>
</audio>
</div>
<div id="musicZone">
<input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/>
</div>
</body>
</html>
}
jsファイル
#highlight(){
function audioPlay(num)
{
var string = "audio/" + num + ".mp3";
var audio = new Audio(string);
audio.play();
console.log(string);
}
}
これなら、Android2.2であるIS11Tでも動作した。
jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。
#hightlight(){
document.getElementById("audio_8000").play();
}
*DOMを非表示
----
下のコードをタグの中に入れればOK!
#highlight(){style="display: none; "}
例
#highlight(){<div style="display: none;"></div>}
styleではcssのパラメータを変更できる。displayはcssのコマンドである。
*audioタグ
----
htmlファイル
#highlight(){
<!DOCTYPE html>
<html>
<head>
<title>html5オーディオプレイヤー</title>
<meta charset="UTF-8">
<script src="./html5_audio.js"></script>
</head>
<body>
<div id="audioZone">
<audio id="audio_8000" preload="auto" controls>
<source src="audio/8000.wav" type="audio/wav">
<source src="audio/8000.mp3" type="audio/mp3">
<p>※ご利用のブラウザでは再生することができません。</p>
</audio>
</div>
<div id="musicZone">
<input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/>
</div>
</body>
</html>
}
jsファイル
#highlight(){
function audioPlay(num)
{
var string = "audio/" + num + ".mp3";
var audio = new Audio(string);
audio.play();
console.log(string);
}
}
これなら、Android2.2であるIS11Tでも動作した。
jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。
#highlight(){document.getElementById("audio_8000").play();}