[发明专利]一种网络虚拟木管乐器

摘要

本发明属于互联网技术领域，提供一种网络虚拟木管乐器，使用HTML、JavaScript、CSS技术，在网络上建立虚拟的木管乐器，任何一个用户在任何地点通过可以联网的计算机都可以使用该虚拟木管乐器，所有的操作均通过浏览器执行，不需要专门的客户端，并且通过web前端技术将用户的交互功能在本地实现，在最大程度上减少了对于服务器的压力，从而提高了运行的速度。同时，降低了硬件的成本并且用户无需进行后期的维护，极大的方便了用户的使用。

主权项

1.一种网络虚拟木管乐器，其特征在于：包括虚拟木管乐器界面、虚拟木管乐器映射清单、动态交互模块、音频调用以及播放模块；/n所述虚拟木管乐器界面，利用图像处理软件制作独立的木管乐器图片以及与木管乐器的按指孔同等大小的黑色圆形矢量图，并通过网页布局的方式在吹奏类木管乐器的每个按指孔上覆盖一个黑色圆形矢量图，从而构成完整的木管乐器界面；/n所述虚拟木管乐器界面的具体构建步骤如下：/n步骤一，木管乐器的素材制作/n使用Photoshop软件对真实的木管乐器的图片进行裁剪得到一个单独的木管乐器的图片，再制作一个与该木管乐器的按指孔等大小的黑色圆形矢量图；/n步骤二，对木管乐器的图片和矢量图进行布局/n新建一个HTML文档，在该文档中新建一个id属性设置为main的div标签作为容纳乐器的底层乐器，并在style标签中通过id选择器为id为main的div标签新建一个CSS样式，通过设置其宽度、高度、左边距、上边距以及浮动方式来确定这个标签的大小和位置，设置其背景图片属性为步骤一中制作的木管乐器的图片，然后再在id属性设置为main的div标签中根据实际需要新建n个div标签依次设置id为dot1-dotN，每一个div标签作为一个黑色矢量图的容器，n表示所要使用的木管乐器的按指孔数量，在style标签中通过id选择器新建n个CSS样式依次命名为dot1-dotN，分别对应dot1-dotN这n个div标签，通过改变这n个CSS样式中的左边距、上边距以及浮动方式将n个与按指孔等大小的黑色矢量图覆盖在木管乐器图片相应的n个按指孔的位置上，由于在木管乐器演奏时，每一个按指孔有被手指覆盖和未被手指覆盖两种状态，所以虚拟木管乐器利用按指孔上黑色矢量图的有无来分别代表按指孔被手指覆盖和未被覆盖两种状态；/n所述虚拟木管乐器映射清单，用于确定电脑键盘的按键和虚拟木管乐器不同单音之间的对应关系，以及电脑键盘的按键和虚拟木管乐器不同单音的音频文件之间的对应关系；其中，不同单音对应不同的按指孔；/n所述动态交互模块，是整个乐器和用户之间进行交互的部分，通过虚拟木管乐器映射清单，将电脑键盘被按下这一事件映射到虚拟木管乐器的某一个单音被演奏，进一步映射到虚拟木管乐器的某些按指孔被使用，模拟虚拟木管乐器演奏及发声的过程；/n所述动态交互模块的具体实现方式如下：/n步骤一，新建一个JavaScript脚本文件并通过onkeydown函数监测电脑键盘事件并获取键值，根据键值确定哪个按键被按下，再根据电脑键盘的按键和虚拟木管乐器的不同单音之间的对应关系确定对应到哪个单音，进一步对应到哪些按指孔被使用；/n步骤二，当监测到有电脑按键按下之后，通过JavaScript脚本为容纳对应按指孔上的黑色矢量图的div标签的可见性进行修改，实现动态效果；/n步骤三，根据键盘按键键值和音频文件的对应关系确定播放哪个音频文件；/n所述音频调用以及播放模块，提前录制真实木管乐器演奏时的声音作为音源，将电脑键盘被按下这一事件映射到虚拟木管乐器的某一个单音被演奏，再根据木管乐器的单音和录制音源的对应关系，调用扬声器播放对应音频；/n所述音频调用以及播放模块的具体实现方式如下：新建一个控制木管乐器音频调用的JavaScript脚本文件，通过调用JavaScript内部的onkeydown函数监测用户是否按下了键盘上的按键，并且获得键值，再根据键值和音频文件的映射关系确定到具体的哪一个音频文件应该被播放，然后再通过JavaScript内部的play函数对该音频进行播放。/n