简体   繁体   English

带有WAAPISim后备的Wavesurfer.js无法正常工作

[英]Wavesurfer.js with WAAPISim fallback not working

I was using Wavesurfer.js with ELAN annotations to show the lyrics of a song (along with its Guitar chords). 我使用带有ELAN注释的 Wavesurfer.js来显示歌曲的歌词(以及其吉他和弦)。 While it is working on the latest versions of Firefox and Chrome, it doesn't seem to support much of others (like IE and older versions of Firefox). 当它在最新版本的Firefox和Chrome上运行时,它似乎不支持其他大多数版本(例如IE和旧版本的Firefox)。

Site link: http://www.naadanchords.com/labs/ 网站链接: http : //www.naadanchords.com/labs/

There doesn't seem to be a fallback for older browsers which don't support WebAudio. 对于不支持WebAudio的旧版浏览器来说似乎没有退路。 It shows the error: wavesurfer.js: your browser doesn't support WebAudio 它显示错误:Wavesurfer.js:您的浏览器不支持WebAudio

I tried using WAAPISim Web Audio API Simulator to support browsers that don't support WebAudio. 我尝试使用WAAPISim Web Audio API Simulator支持不支持WebAudio的浏览器。 Now I don't see any error in the console, but the waveform is not appearing and I am still not able to hear the audio. 现在,我在控制台中看不到任何错误,但是没有出现波形,而且我仍然听不到声音。 Below is a screenshot of the page as rendered in IE11. 以下是IE11中呈现的页面的屏幕截图。

屏幕截图取自IE 11

I want the annotations to support maximum number of browsers before releasing it. 我希望注释在发布之前能支持最大数量的浏览器。 Any help appreciated. 任何帮助表示赞赏。 :) :)

Thanks 谢谢

I solved the problem. 我解决了问题。 Seems like WAAPISim only supports decoding WAV-files. 似乎WAAPISim仅支持解码WAV文件。 From their readme: 从他们的自述文件中:

createBuffer from ArrayBuffer and decodeAudioData supports only wav format. ArrayBuffer中的createBuffer和解码音频数据仅支持wav格式。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM