كيفية تصور الصوت على الويب: مجموعة مختارة من المواد المواضيعية ومحاضرات الفيديو مع النظرية والتطبيق

في المرة الأخيرة ، قمنا بإعداد ملخص لك من خلال مكتبات مفتوحة لتصور محتوى صوتي وقررنا العثور على مواد حول كيفية التعامل مع كل هذا. والنتيجة هي مجموعة مختارة من الأدلة حول الموضوع لمطوري تطبيقات الويب أو الألعاب.


^{الصورة s_keller / Pixabay}

في مدونتنا على Habré -> القراءة لعطلة نهاية الأسبوع: 65 مادة حول البث وتاريخ "الحديد الموسيقي" القديم وتقنيات الصوت وتاريخ الشركات المصنعة للصوت

---

النظرية والتاريخ

---

• النظرية: طرق لتسليط الضوء على النغمة الأساسية . يقوم أحد أعضاء فريق تطوير Ableton ، وهو برنامج صوتي قائم على الاستوديو ، بتوزيع العديد من الخوارزميات الشائعة لاستخراج النغمة الأساسية (تكرار دورة موجة الصوت) في التسجيلات الموسيقية. ومن الأمثلة على ذلك: طريقة عبور الصفر والطريقة القائمة على تحديد التوافقي الأساسي. يستشهد المؤلف أيضًا بالعديد من مواد القراءة الإضافية التي تناقش الأساليب المتقدمة لتسليط الضوء على النغمة الأساسية. قد يكون المقال ذا أهمية بالنسبة لأولئك الذين يخططون لكتابة تطبيق موسيقي يعرض الرسوم البيانية للموجات الصوتية.

• تاريخ موجز للتوليفات . هذا مقطع فيديو لأحد الخطب في مؤتمر اسكتلندا JS. يتحدث كريس لويس ، محرر Web Audio Weekly ، عن كيفية تطور المواد المركبة وكيفية عملها. كل هذا مع أمثلة على JS.

• أساسيات واجهة برمجة تطبيقات الصوت عبر الويب يتحدث مطورو Mozilla عن ميزات Web Audio API - مواصفات لإدارة محتوى الصوت في المتصفحات. فهو يصف كل من الأشياء الأساسية مثل التفاعل مع المخازن المؤقتة للصوت ، بالإضافة إلى الأشياء الأكثر تقدماً (على سبيل المثال ، تصور الصوت). العديد من الرسوم البيانية ، الرسوم البيانية ، وأمثلة التعليمات البرمجية. يتم تحديث المواد بانتظام - يمكن استخدامها كمرجع "سطح المكتب" عند تطوير التطبيقات.

• 8 بت نظرية الموسيقى . قناة على YouTube مخصصة لتحليل النطاق الصوتي في ألعاب الفيديو من حيث النظرية الموسيقية. على سبيل المثال ، في هذا الفيديو ، يعرض المؤلف بأمثلة كيف تساعد الموسيقى على خلق جو في لعبة Hollow Knight ، وهنا نتحدث عن واحدة من المؤلفات النهائية في Dark Souls. يمكن أن تكون القناة مفيدة لأولئك الذين يكتبون لعبتهم الخاصة. هنا يمكنك الخروج بعدة أفكار لمرافقتها الموسيقية.

---

ممارسة

---

• استكشف إمكانيات Web Audio API مع مكتبة D3.js. D3.js هي مجموعة من الأدوات لتصور البيانات. ويشمل وحدات لبناء الأشكال الهندسية ، وإدارة تحميل وتنسيق وتوسيع نطاق البيانات ، وكذلك وظائف رياضية. يخبر مؤلفو المواد كيفية استخدامها لإنشاء رسوم بيانية للموجات الصوتية. يمكن العثور على مثال للتطبيق من المقال على صفحات جيثب ، ورمزه موجود في المستودع الرسمي .

• كيفية إنشاء أنظمة الموسيقى في جافا سكريبت . دليل الويب العالمي الصوتي. مع ذلك ، يعيد المؤلف إنتاج أعمال الملحنين ستيفن رايش وبريان إينو - " إنها ستعمل المطر " و " الموسيقى السرية " ، على التوالي. يعد اتباع الدليل بسيطًا إلى حد ما (هناك أمثلة ومخططات ولقطات شاشة) حتى لو لم تكن معتادًا على Web Audio API.

• آلة موسيقية مع واجهة برمجة تطبيقات Web Audio . سجل مع JSConf ، يظهر خلاله ستيف Kinney ، مؤسس Turing School ، كيفية إنشاء مركب في متصفح على getUserMedia Web API و WebSockets. يتحدث أيضًا عن استخدام Web Audio API لإنشاء أداة موسيقية على Arduino.

• تقديم p5.js. p5.js هي مكتبة تصورات تتيح لك "الرسم باستخدام الكود". في الفيديو ، يوضح مطورها ، Lauren McCarthy ، مع أمثلة كيفية إنشاء عناصر فنية ورسوم متحركة باستخدام هذه الأداة. إذا كنت ترغب في تقييم قدرات p5.j بنفسك ، فهناك محرر خاص على الموقع الرسمي للمشروع.

• موسيقى من ألعاب 8 بت على Web Audio API . تتناول هذه المقالة كيفية إعادة إنشاء موسيقى 8 بت وتصورها باستخدام Web Audio API وإطار Tone.js من Pac-Man و Super Mario Bros و Metroid و Kirby's Adventure و The Legend of Zelda. استمع إلى التكوين الناتج ، انظر الكود ، وإذا كنت ترغب في ذلك ، يمكنك تعديله على CodePen . لتسهيل فهم المصدر ، يوصي المؤلف بمشاهدة هذا الفيديو أولاً على YouTube - وهو يشرح كيفية "الصوت" في أجهزة الكمبيوتر القديمة.

• كيفية إنشاء مسار رقص باستخدام Web Audio API . تسجيل الأداء بواسطة Paul Adenot ، وهو مهندس في Mozilla يعمل على متصفح Firefox ويساعد W3C على إكمال مواصفات Web Audio API. يفصل بول المكونات الرئيسية للمسار التقني ويوضح كيفية إعادة إنشائه على JS. يمكننا القول أن هذه جلسة برمجة موسيقى حية.

---

قراءة إضافية - من "عالم Hi-Fi" الخاص بنا:

كيفية كتابة الموسيقى باستخدام OOP
أي نوع من الموسيقى كان "سلكي" في نظام التشغيل الشهير
البرمجة الموسيقية - من يفعل ذلك ولماذا
كيف غزا الكمبيوتر الشخصي صناعة الوسائط: مناقشة Pro Tools و Media Composer
أين يمكنك الحصول على عينات صوتية لمشاريعك: مجموعة مختارة من تسعة موارد
12 موارد موضوعية مع مسارات مرخصة بموجب المشاع الإبداعي
الابتكار SSI-2001: قصة واحدة من أندر بطاقات الصوت لجهاز الكمبيوتر IBM
قام Enthusiast بإعادة إنشاء بطاقة الصوت Sound Blaster 1.0: لماذا المشروع رائع

---

علينا في Habré -> بطاقات الصوت كوسيلة للانغماس في أجواء مدينة غير مألوفة

---