javascript - 文字列を文字に分割し、JavaScript/jQueryを使用して各文字にサウンドを添付します

Question

MySQLデータベースに文字列を保存しています。

charデータベースから文字列を取得し、要素に分割して、各文字にサウンドファイルを添付したいと思います。文字はWebページに表示され、クリックするとその文字を表す音が鳴ります。

この機能を使ってみまし.split()たが、あまりうまくいきませんでした。誰かがこれに似たものを見たことがありますか、または誰かが何か提案がありますか？

Answer 1

var char = [],
    str, // your string
    i,
    len = str.length
for (i = 0; i < len ; i++){
    char[i] = str.charAt(i);
}

// now you have an array of characters

// setup event handlers for the click action

// setup audio output

Answer 2

ここを見れば

JavaScript/HTML5の効果音

あなたが試すことができます

var chars = "<? echo $string; ?>".split("");
var sounds = [];
$.each(chars,function(i,char) {

  if (!sounds[char]) sounds[char] = new Audio(char+".wav"); // buffers automatically when created
  $("#container").append('<a href="#" onclick="sounds[this.innerHTML].play();return false">'+char+'</a>');
});

Answer 3

比較的単純な分割を引き出すには、従来のJSまたはjQueryを使用できます。必要なのは、マークアップ生成を以下にプラグインすることだけです。

var str = "No clue what you are trying";
for (var x = 0; x < str.length; x++){
    var myC = str.charAt(x);
    //or var myC = str[x];
    //what do you want to do?
}

//jQuery overkill
$.each(
    str.split(''),
    function( idx, myC ){
        //what do you want to do?
    };
);