新ブログ「ごんフラブログG2」

WordPressで始めてみました


ごんたろうのぼやきトップ

2017年10月20日

2017年10月19日(木)のゲームPVランキング









-PV-
1陣取りゲーム Lite-
シミュレーション
-
2陣取りゲーム
[Plus]
-
シミュレーション
-
3Get Brave-
簡易RPG
-



-Visitors-
1陣取りゲーム Lite-
シミュレーション
-
2陣取りゲーム
[Plus]
-
シミュレーション
-
3Get Brave-
簡易RPG
-


Ranking Script Version:[ 1.0.7 ]



posted by ごんたろう(Gontaro-Soft) at 00:05 | Comment(0) | PV / Visitor ランキング

2017年10月19日

2017年10月18日(水)のゲームPVランキング









-PV-
1陣取りゲーム Lite-
シミュレーション
-
2陣取りゲーム
[Plus]
-
シミュレーション
-
2Locked Room [R1]-
脱出ゲーム
-



-Visitors-
1陣取りゲーム Lite-
シミュレーション
-
2Locked Room [R1]-
脱出ゲーム
-
3陣取りゲーム
[Plus]
-
シミュレーション
-


Ranking Script Version:[ 1.0.7 ]



posted by ごんたろう(Gontaro-Soft) at 00:05 | Comment(0) | PV / Visitor ランキング

2017年10月18日

【HTML5&JS】AudioプレイヤーをJavaScriptで再生

音素材ページのプレイヤーをFlashから
HTML5に変更するためにAudioタグを調べていたら

AudioタグとJavaScriptの組み合わせで
シンプルなデモがあまり無かったため
作ってみた。

複雑なことはしてません。
素材のリンクをクリックするとプレイヤーから
再生されるっていうだけの簡単な構造。
PCでしかテストしていないから
スマホではどうなんだかw

Audioタグ(HTML5)

JavaScript(jQuery未使用)を
組み合わせています。
以下のコードはJavaScript部のみですが
HTML5部分は
<audio id="audio_id" controls></audio>のみで
問題無さそう。

サンプルページではCSSも記述していますが
必須ではありません。
単純にオーディオソースを再生させるためだけのものなので
細かいエラー処理などは一切していません。
その辺の詳しい部分は他サイトを参照して下さいね。
それとリスナーは「loadeddata」を入れてますが
合ってるかどうかはわかりましぇんw

サンプルは
aタグとbuttonタグからコールしてます。
(どちらを使用してもOKな感じになってます。)
オーディオソースは当サイト音素材のパスを
記述していますのでソースのパスは任意で変更して下さい。
※<>は半角に

もっとスマートにかけるかもしれないけど
そういうのは専門ではないので
スマートにかける方はスマートに書いてくださいね〜^^

WS000100.jpg

サンプルデモページ



//
//audioタグ要素よりも後にJavaScriptを記述
//

var audio_listener=false;//リスナーを多重にしないように
var audio_src=document.getElementById("audio_id");//audioタグ取得

//
//オーディオソースのパスをインプット。
//
function inputAudioSrc(src_name){
audio_src.src=src_name;

}
//
//オーディオデータを再生
//
function audioPlay(){
if(audio_src != undefined){
if(!audio_listener){
audio_src.addEventListener("loadeddata", function(){
audio_src.play();
// alert("Listener 確認["+audio_src.src+"]");
if(!audio_listener){
audio_listener=true;
}
}, false);
}
}
}
//
//ソースのインプットと再生をひとまとめに。
//
function audioInputAndPlay(src_name){
inputAudioSrc(src_name);
audioPlay();
}


posted by ごんたろう(Gontaro-Soft) at 07:21 | Comment(0) | 備忘録/お知らせ
ブログランキング・にほんブログ村へ
にほんブログ村

インターネット・コンピュータランキング