Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.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将图像转换为音频?_Javascript_Html_Api_Audio_Web - Fatal编程技术网

如何使用javascript将图像转换为音频?

如何使用javascript将图像转换为音频?,javascript,html,api,audio,web,Javascript,Html,Api,Audio,Web,我想尝试一个想法,并创建一个小的网络应用程序,让我可以选择一个图像,将其转换为音频并播放(我知道这听起来并不愉快) 所以我的问题是,有没有人能推荐一些可能对我有所帮助的示例或现有库 我将探讨的其他领域是处理和MaxMSP的使用,但理想情况下,我希望稍后将我在Ionic等产品中制作的产品打包,因此首选web解决方案 感谢德国数学家David Hilbert发表了我们称之为的文章,它定义了如何跟踪图像中的每个像素,每次只访问一次,而不跳过从一个角开始到另一个角结束的任何像素。这就是如何将二维图像转换

我想尝试一个想法,并创建一个小的网络应用程序,让我可以选择一个图像,将其转换为音频并播放(我知道这听起来并不愉快)

所以我的问题是,有没有人能推荐一些可能对我有所帮助的示例或现有库

我将探讨的其他领域是处理和MaxMSP的使用,但理想情况下,我希望稍后将我在Ionic等产品中制作的产品打包,因此首选web解决方案


感谢德国数学家David Hilbert发表了我们称之为的文章,它定义了如何跟踪图像中的每个像素,每次只访问一次,而不跳过从一个角开始到另一个角结束的任何像素。这就是如何将二维图像转换为一维表示的方法

在这一行中,您已经记录了每像素的光强度测量值。。。现在要从这张图像合成音频,我们将人类听觉的频谱从低频到高频映射到这条线上。。。在这条线上的每个像素点上,你都会引入一个正弦曲线振荡器,以适合其位置的频率在你的线上从左到右产生一个恒定的单音。。。同时从所有这些振荡器合成音频。。。这是图像的声音

美丽的一面是它在相反的方向上同样顺利。。。从任意音频到其图像表示。。。流媒体音频可以转换成视频流,这一点并没有丢失。。。如果你想循环(音频->视频->音频->音频->…)的话,在不丢失信息的情况下完成这项工作会变得很棘手,因为简单的方法是将每个像素的RGBA折叠成一个光强度值,以避免丢失你真正需要的信息

这是一个很好的自我包含的想法,它在计算上足够简单,可以在一个体面的音频采样率和位深度下实时执行图像分辨率。。。我正在积极研究这个问题,并将通过代码回购报告我的发现

关于实现细节,有一些库可以显示所提供图像的RGBA像素值。。。还短写你自己的希尔伯特曲线算法,它也有图书馆。。。一旦所有的频率振荡器都在嗡嗡作响,你就需要同时对它们进行采样,以合成一个输出样本,作为给定采样点上的总曲线高度。。。然后,为了能够听到音频输出,我将使用Web audio API,您可以将聚合曲线音频提供给它的事件循环内存缓冲区。。。这不是一个微不足道的方法,但非常可行


人类的大脑具有足够的可塑性,可以通过训练来听到别人看到的东西,这样盲人就可以用它来扔掉他们的手杖!!!真高兴…

感谢您的快速回复!这听起来确实很有用,我将深入研究这段视频,并尽快与您联系。更多像这样的探索建议,非常欢迎!我已经做的笔记,我问过自己的一些问题,都非常适合这段视频。我很高兴现在能深入挖掘,谢谢你的推荐。如果我有任何进展,我会告诉你的。我真的不知道从哪里开始使用javascript,但我可以说它确实是可以做到的,我在循环每个像素和提取颜色值等之前用php完成了这项任务的第一部分(falthough用于不同的目的)。请发布任何结果,我很乐意看到。@Scott Stensland你能用它做些什么吗?很好的推荐谢谢Scott