הוספת אפקטי קול לאתר

מעוניינים להוסיף לאתר מנגינת רקע או איזה שהוא אפקט קולי בלחיצה על כפתור (לאן דווקא), הנה הסבר פשוט איך עושים את זה.

דבר ראשון יש להעלות את הקובץ שמע לאתר (לספריית המדיה), ולהעתיק את כתובת הקובץ.

לאחר מכן, נגרור כפתור לעמוד, וניתן לו את הקלאס sound-btn

מתחת לכפתור נוסיף ווידג’ט HTML, ונוסיף את הקוד הבא

				
					<audio id="myAudio" preload="auto">
  <source src="https://website.co.il/wp-content/uploads/2024/06/audio.mp3" type="audio/mpeg">
</audio>
<script>
document.querySelector(".sound-btn").addEventListener("click", function(){
document.getElementById("myAudio").play();
});
</script>
				
			

שימו לב, בקוד יש להחליף את כתובת הקובץ, בכתובת של הקובץ שמע שלכם.

וככה זה נראה (נשמע)

האם אפשר להפעיל מוסיקה מיד כשנכנסים לאתר?

התשובה היא לא ממש, הדפדפן חוסם את זה (כי זה עלול להיות לא נחמד לגולשים), אז אם רוצים להפעיל מוזיקת רקע, צריך איזה שהוא כפתור שיפעיל את זה.

אבל יש אפשרות להפעיל את זה בגלילה או אירועים אחרים.

רוצים להבין טוב יותר איך לכתוב קוד בוורדפרס ואלמנטור?

מוזמנים לבדוק את הקורס שלי, קורס הוספת קוד בוורדפרס ואלמנטור

הקורס הזה גם כלול בחבילת כל הקורסים במחיר מיוחד

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?