تطوير تطبيقات الويب على أساس إطار روبي على القضبان يوفر فرصا ممتازة لدمج الملفات الصوتية وتزويد المستخدم مع محتوى الموسيقى فريدة من نوعها. ومع ذلك ، في بعض الأحيان تكون هناك مواقف عندما يكون المسار الصوتي غير متاح أو تكون هناك حاجة إلى طريقة بديلة لإضافة الموسيقى إلى تطبيق ويب.
في هذا الدليل التفصيلي ، سننظر في عدة طرق لإضافة الموسيقى إلى القضبان دون استخدام مسار صوتي. سنلقي نظرة على إمكانيات هتمل 5 وجافا سكريبت التي ستسمح لنا بإنشاء مشغل موسيقى والتحكم في التشغيل والتحكم في عدد ونوع ملفات الموسيقى التي يمكن للمستخدم إضافتها.
تعد الموسيقى جزءا مهما من العديد من تطبيقات الويب ، ولدينا القدرة على تزويد المستخدمين بصوت عالي الجودة حتى بدون مسار صوتي. باتباع هذا الدليل ، سوف تكون قادرا على إضافة الموسيقى إلى روبي الخاص بك على القضبان تطبيقات الويب وخلق بيئة متناغمة وتفاعلية للمستخدمين.
- تثبيت جوهرة مشبك الورق لمعالجة ملفات الموسيقى
- إعداد نموذج لتحميل وتخزين ملفات الموسيقى
- إضافة قدرة المستخدمين على تنزيل الموسيقى
- عرض وتشغيل الموسيقى على صفحة ويب
- العمل مع ملفات الموسيقى في وحدة تحكم القضبان
تثبيت جوهرة مشبك الورق لمعالجة ملفات الموسيقى
لإضافة القدرة على تحميل ومعالجة ملفات الموسيقى في تطبيق القضبان ، وسوف نستخدم جوهرة مشبك الورق. مشبك الورق عبارة عن مكتبة مرنة لمعالجة الملفات تتيح لك تحميل الملفات وتغيير حجمها وتخزينها في السحابة.
- أضف جوهرة مشبك الورق إلى ملف الأحجار الكريمة الخاص بك:
"'روبي
جوهرة 'مشبك الورق'
«`
بعد إضافة الأحجار الكريمة ، تحتاج إلى تشغيل أمر تثبيت الحزمة لتثبيته في التطبيق الخاص بك.
- قم بإنشاء ترحيل لإضافة عمود إلى قاعدة البيانات الخاصة بك حيث سيتم تخزين ملفات الموسيقى. على سبيل المثال ، إذا كنت تريد إضافة عمود "الصوت" إلى جدول "الأغاني" ، فقم بتشغيل الأمر التالي:
"'روبي
القضبان توليد الهجرة أدويوتوسونغس الصوت:مرفق
«`
سيقوم هذا الأمر بإنشاء ملف ترحيل في مجلد قاعدة البيانات/الترحيل ، والذي سيحتوي على إرشادات لإضافة عمود جديد.
- إجراء ترحيل لتحديث قاعدة البيانات:
"'روبي
أشعل النار ديسيبل: ترحيل
'`
- أضف الحقل: الصوت إلى نموذج الأغنية:
"'روبي
أغنية فئة < أكتيفيريكورد:: قاعدة
تم إرفاق_ملف: الصوت
نوع المحتوى: الصوت ، نوع المحتوى: ['الصوت / مبيغ' ، 'الصوت / إم بي 3']
النهاية
«`
تضيف طريقة الملف المرفقة معالجة الصور إلى النموذج ، وتحدد طريقة التحقق من صحة المحتوى ونوع المحتوى نوع ملف الموسيقى الصالح.
- أضف: حقل الصوت إلى نموذج إنشاء الأغنية وتحريرها:
"'روبي
"`
متعدد الأجزاء: تشير العلامة الحقيقية إلى الحاجة إلى استخدام نموذج تحميل الملف. الميدان :سيتم عرض الصوت كحقل إدخال لتنزيل ملف الموسيقى. عند حفظ النموذج ، سيتم تحميل الملف وربطه بالإدخال المقابل في قاعدة البيانات.
الآن يمكنك تحميل ومعالجة ملفات الموسيقى في تطبيق القضبان باستخدام جوهرة مشبك الورق! حظاً موفّقاً!
إعداد نموذج لتحميل وتخزين ملفات الموسيقى
لإضافة وظائف لتحميل وتخزين ملفات الموسيقى في تطبيق القضبان الخاص بك ، يمكنك استخدام جوهرة كاريرواف. فيما يلي عملية خطوة بخطوة لتكوين النموذج للعمل مع ملفات الموسيقى.
- تثبيت جوهرة كاريرواف عن طريق إضافته إلى جيمفيل التطبيق الخاص بك:
- جيم 'كاريير ويف'
- قم بتشغيل أمر تثبيت الحزمة لتثبيت الأحجار الكريمة:
- - حزمة تثبيت
- قم بإنشاء نموذج يتعامل مع تنزيل ملفات الموسيقى. على سبيل المثال ، إذا كان لديك نموذج "أغنية" ، فقم بإنشاء ترحيل لإضافة حقول إليه لتخزين معلومات حول ملفات الموسيقى:
rails القضبان تولد الهجرة إضافة الموسيقى إلى الأغاني الموسيقى: سلسلة
rake أشعل النار ديسيبل: ترحيل
- أغنية فئة < أكتيفيريكورد:: قاعدة
تحميل: الموسيقى ، تحميل الموسيقى
بعد الانتهاء من الخطوات المذكورة أعلاه ، سيكون نموذج "الأغنية" جاهزا لتنزيل ملفات الموسيقى وتخزينها. يمكنك استخدام حقول النموذج للوصول إلى معلومات حول الملف الذي تم تحميله ، على سبيل المثال ، أغنية.موسيقى.رابط للحصول على رابط الملف أو أغنية.موسيقى.ملف.الحجم للحصول على حجم الملف.
إضافة قدرة المستخدمين على تنزيل الموسيقى
إعداد الطرق في الخاص بك
الطرق.ملف الميزانية العاديةالخطوة 1: إنشاء نموذج
إنشاء نموذج
العنوان
,
النوع
و
فنان
و
النوع
يمكن أن تكون حقول سلسلة ، والحقل
ملف
يمكن أن يكون نوع
الملف
يتم توفير ذلك من خلال إطار القضبان.
الخطوة 2: إعداد المسارات
في
الطرق.ملف الميزانية العادية
، أضف طرقا للتعامل مع الطلبات المتعلقة بتنزيل الموسيقى وتخزينها. على سبيل المثال:
الموارد: الموسيقى ، فقط: [: جديد،: إنشاء]
سيؤدي هذا إلى إنشاء مسارات لعرض نموذج تحميل الموسيقى (
/ موسيقى / جديد
) ومعالجة النموذج المقدم (
/ موسيقى
).
الخطوة 3: إنشاء وحدة تحكم
إنشاء وحدة تحكم
A
موسيكونترولر من شأنها التعامل مع طلبات لتحميل وتخزين الموسيقى. يجب أن تحتوي وحدة التحكم على طرق لعرض نموذج تنزيل الموسيقى وحفظ الموسيقى التي تم تنزيلها.
الخطوة 4: إنشاء طريقة عرض
إنشاء
جديد.أتش تي أم أل.إرب
عرض سيعرض نموذج تنزيل الموسيقى. يجب أن يحتوي النموذج على حقول لإدخال معلومات حول الموسيقى التي تم تحميلها ، مثل العنوان والفنان والنوع. أضف أيضا حقلا لتحديد ملف موسيقى.
الخطوة 5: تنفيذ المنطق