השתמש בפונקציית JavaScript כדי לאפשר למבקרים באתר לנגן MP3.
ישנן מספר דרכים אפשריות להטמיע ולהשמיע קובצי אודיו MP3 בדפי האינטרנט שלך. תג "הטמע" שהוצא משימוש ב-HTML, נגני Flash שונים ונגנים מבוססי Java הם כולם דוגמאות. תקן HTML5, עם הדגש שלו על סקריפטים וחוסר ההסתמכות שלו על תוכנות צד שלישי, מציע את הדרך התואמת ביותר להטמעה ולהשמיע קובצי MP3 בדפי אינטרנט בעתיד. הטמע את קובץ ה-MP3 עם אובייקט ה-"שמע" של HTML5 ולאחר מכן השתמש בפונקציית JavaScript כדי להפעיל אותו
שלב 1
הוסף את הקוד הבא לגוף מסמך ה-HTML שלך:
סרטון היום
קוד זה מטמיע וטוען את קובץ ה-MP3, אך אינו מנגן אותו. הערך של תג "src" מכיל את הנתיב אל ושם הקובץ של קובץ ה-MP3.
שלב 2
הוסף את קוד ה-JavaScript הבא בין תגי "head" של מסמך ה-HTML שלך:
פונקציה זו, כאשר נקראת, ניגשת לאלמנט "audio" באמצעות המזהה שלו ("mp3"), ומשתמשת בשיטה play() כדי להשמיע אותו.
שלב 3
הוסף כפתור לדף האינטרנט כדי לקרוא לפונקציה "playMP3" כאשר המשתמש לוחץ עליה. הוסף את הקוד הבא לגוף מסמך ה-HTML:
שנה את התכונה "ערך" כדי לתת לכפתור כותרת אחרת.
שלב 4
השתמש בפונקציה הבאה במקום "השמע MP3" כדי לאפשר למשתמש להשהות את הקובץ לאחר התחלתו:
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
שנה את התכונה "onClick" של תג "input" בשלב 3 כך שתתאים לשם הפונקציה הזו.
