أخرى كيفية تضمين ملفات الصوت MP3 في صفحات الويب بمساعدة Google Drive

الإهداءات
  • غزل من من قلب الغزل ..:
    ضياءٌ شعَّ من أرض المدينة و زُفَّت البشرى لرسول الله (ص) بولادة سبطه الأول الإمام المجتبى (ع).✨💚
  • غزل من قلب الغزل:
    "يارب دائمًا اعطنّي على قد نيتي وسخر لي الأشخاص اللي يشبهون قلبي🌿✨. .
  • غزل من قلب الغزل:
    مارس الرحمة قدر المُستطاع فكلما تلطفت مع خلق الله زاد الله لطفهُ حولك.💐
  • غزل من قلب الغزل:
    اللهم إنك عفوٌ كريمٌ تحب العفو فاعفو عنا ♥️😌
google-drive-mp3-player.png


تسهل مواقع استضافة الصوت مثل SoundCloud أو Anchor.fm تضمين ملفات الصوت في صفحات الويب والمدونات. ما عليك سوى تحميل ملفك - مثل أغنية MP3 أو بودكاست صوتي - إلى أي من هذه المواقع وسيوفر شفرة تضمين HTML التي يمكنك نسخها ولصقها في قالب الويب الخاص بك. بسيط!

إذا كنت تقوم بتخزين ملفات MP3 الخاصة بك داخل محرك جوجل ، يمكنك تضمين الملفات مباشرة من محرك الأقراص الخاص بجوجل Drive دون الحاجة إلى تحميلها على موقع آخر. يمكن تضمين مشغل MP3 Drive على أي موقع ويب يدعم IFRAME وتتضمن القائمة Blogger أو WordPress أو Medium أو حتى مواقع Google الجديدة.

الخطوة 1: تحميل ملف MP3 إلى Google Drive
افتح drive.google.com وحمِّل ملف MP3 إلى حسابك في Google Drive. بعد تحميل الملف ، انقر بزر الماوس الأيمن لمشاركة وتعيين إذن المشاركة إلى "يمكن لأي شخص على الإنترنت العثور عليه وعرضه".

الخطوة 2: إنشاء رمز تضمين المشغل
سيحتوي عنوان URL الخاص بـ Google Drive على البنية التالية:

HTML:
https://drive.google.com/file/d/1234xyz/view؟usp=sharing

الآن كل ما عليك القيام به هو استبدال / مشاهدة مع / معاينة والتفاف عنوان URL المعدل في علامة IFRAME كما هو موضح أدناه:

HTML:
<iframe>
  frameborder="0"
  width="400"    
  height="200"
  src="https://drive.google.com/file/d/1234xyz/preview">  
</iframe>

إليك مثال حي. يحتوي مشغل MP3 المضمّن على أدوات التحكم في مستوى الصوت وأزرار التشغيل / الإيقاف المؤقت وشريط البحث والعلامة التجارية من Google ولا يعمل على الجوّال كما يكتشف التشغيل تلقائيًا ويعرض مدة ملف الموسيقى.

How to Embed MP3 Audio Files In Web Pages With Google Drive.png
يتم استضافة ملف MP3 على Google Drive ويتم تضمينه هنا داخل علامة IFRAME.

انتهى الشرح
مودتي ..
 
  • بادئ الموضوع
  • #3
كل الهلا فيك عزيزتي عاشقة
نورتي الموضوع
مودتي
 

أقسام الرافدين

عودة
أعلى أسفل