נוסיף את הקוד הבא בתוך ווידג'ט HTML:
<audio id="myAudio" autoplay loop>
<source src="//samplelib.com/lib/preview/mp3/sample-15s.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script>
// פונקציה שמבצעת הפעלת נגן המוזיקה
function playAudio() {
var audio = document.getElementById("myAudio");
audio.play();
}
// הפעלת נגן המוזיקה בעת פתיחת העמוד
window.onload = playAudio;
</script>
הסבר:
הקוד מכיל תגית אודיו, ותגית סקריפט.
באודיו נמצא השיר \ מנגינה שנרצה להשמיע. ובתגית הסקריפט מתבצע הקוד שגורם לשיר להידלק מיד בפתיחת העמוד.
בתגית האודיו מוגדר ID מסויים שאיתו פונים אל השיר בקוד הJS. וכן מוגדרים הפעלה אוטומטית והפעלה בלופ (אינסופית).
בקוד ה-JS קיימת פונקציה שמפעילה את השיר. וקריאה אליה מיד כשהעמוד נטען.
על מנת להתאים עבור הצורך שלכם – יש לשנות את הלינק של מקור האודיו.
המוזיקה תפעל מיד בכניסה לעמוד וללא הפסקה.
אם תרצו שתפעל פעם אחת, יש להסיר את המילה Loop מתגית ה – audio.
אם נרצה שיופיע בכל עמודי האתר – ניתן להניח בהדר \ פוטר.
בהצלחה!