Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态地将歌词文本添加到播放音频文件 尝试实现一些基本的音乐播放器。 我有一个单词对象数组,每个对象代表一个单词,并使用下一个结构构建: { 文本:“你好” 时间:2.24 持续时间:0.32 }_Javascript_Reactjs_Html5 Audio - Fatal编程技术网

Javascript 动态地将歌词文本添加到播放音频文件 尝试实现一些基本的音乐播放器。 我有一个单词对象数组,每个对象代表一个单词,并使用下一个结构构建: { 文本:“你好” 时间:2.24 持续时间:0.32 }

Javascript 动态地将歌词文本添加到播放音频文件 尝试实现一些基本的音乐播放器。 我有一个单词对象数组,每个对象代表一个单词,并使用下一个结构构建: { 文本:“你好” 时间:2.24 持续时间:0.32 },javascript,reactjs,html5-audio,Javascript,Reactjs,Html5 Audio,试图找出在播放音乐时在屏幕上显示当前单词的正确方式。这意味着,当音频文件在播放2.24秒后会说出“hello”文本时,我想在屏幕上显示它。后面这个词也一样 将setInterval设置为10ms将对数组应用一些检查,这对于JS线程来说是一项非常繁重的任务。听起来不是个好主意 e、 g考虑创建一些映射对象,当时间是关键时,尝试用setInterval捕捉映射[time]。。 也许可以迭代单词数组并在浏览器中创建一个VTT文件以将其发送到标记?这样就可以正确显示字幕了吗 有什么想法吗?建议??也

试图找出在播放音乐时在屏幕上显示当前单词的正确方式。这意味着,当音频文件在播放2.24秒后会说出“hello”文本时,我想在屏幕上显示它。后面这个词也一样

  • 将setInterval设置为10ms将对数组应用一些检查,这对于JS线程来说是一项非常繁重的任务。听起来不是个好主意
    e、 g考虑创建一些映射对象,当时间是关键时,尝试用setInterval捕捉映射[time]。。 也许可以迭代单词数组并在浏览器中创建一个VTT文件以将其发送到标记?这样就可以正确显示字幕了吗
有什么想法吗?建议??也许有一些大致的方向??有点受不了了。

谢谢