javascript - 使用 JavaScript / jQuery 将字符串分解为字符并为每个字符附加声音

Question

我有一个字符串存储在 MySQL 数据库中。

我想从数据库中提取字符串，将其分解为char元素并将声音文件附加到每个字母。字母将显示在网页中，单击时会播放代表该字母的声音。

我曾尝试使用该.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?
    };
);