הפעלת שיר אוטומטית כשעולה דף html

[React]

הי
יש לי דף html שאני מנסה שברגע שעולה הדף שיופעל באופן אוטומטי שיר audio mp3,
ניסיתי הרבה דרכים שום דבר לא הולך...
אשמח לעזרה

 

[java]

זה בreact?
אם כן בטוח שיש ספריה שתוכלי לעשות לה play בmount/useEffect

 

[React]

זה בreact?
אם כן בטוח שיש ספריה שתוכלי לעשות לה play בmount/useEffect

לא זה לא בריאקט
דף html פשוט עם css וjavascript

 

[esther3]

Load file and play audio on page load

I have have code that allows me to input an mp3 file, and output the audio and display a visual representation of the music. (Loading the file is done manually through an input type="file") I no ...

stackoverflow.com

Playing audio after the page loads in html

I inserted the audio in html. But the audio gets started before the entire page loads. I want the audio to be played after the entire page gets loaded. <audio src="bg.mp3" autoplay="autoplay" ...

stackoverflow.com

ניסית אותם כבר?

 

[React]

Load file and play audio on page load

I have have code that allows me to input an mp3 file, and output the audio and display a visual representation of the music. (Loading the file is done manually through an input type="file") I no ...

stackoverflow.com

Playing audio after the page loads in html

I inserted the audio in html. But the audio gets started before the entire page loads. I want the audio to be played after the entire page gets loaded. <audio src="bg.mp3" autoplay="autoplay" ...

stackoverflow.com

ניסית אותם כבר?

ניסיתי
תמיד כשאני מנסה דרך הjs להפעיל את השיר (מהפונקציה play) זה מביא לי שגיאה בקונסול

 

[React]

ניסיתי
תמיד כשאני מנסה דרך הjs להפעיל את השיר (מהפונקציה play) זה מביא לי שגיאה בקונסול
צפה בקובץ המצורף 710686

צפה בקובץ המצורף 710687

מה זה אומר השגיאה הזאת?

 

[esther3]

זאת לא שגיאה אלא גרסת כרום החדשה מונעת מאתרים להפעיל sound באופן אוטומטי אלא רק ע"י פעולה,
האופציה היחידה היא להפעיל אותו בhover אם את לא מעונינת בפעולת לקוח ממשית
document.body.addEventListener("mousemove", function () {
audio.play()
})

או לשנות כיוון ולהפעיל את השיר בתגית video מה שיפחית גם את רוחב הפס.
או בIFRAME

 

[MordiD]

מה זה אומר השגיאה הזאת?

שאי אפשר להפעיל צלילים בלי אינטרקציה לפני של המשתמש

אפשר ככה להפעיל אחרי שהמשתמש לחץ על משהו

window.onmousedown  = function(event) {
    document.getElementById("audio").play();
};

 

[React]

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

 

[MordiD]

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

זה יקרה אוטומטי אחרי שהמשתמש יזיז את העכבר

 

[React]

זה יקרה אוטומטי אחרי שהמשתמש יזיז את העכבר

תודה!

 

[עם כל המרץ]

זה יקרה אוטומטי אחרי שהמשתמש יזיז את העכבר

למה?
יש אפשרות שזה יקרה אוטומטי.
ע"י autoplay
יש פה קישור עם דוגמא:

HTML audio autoplay Attribute

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

[MordiD]

יש פה קישור עם דוגמא:

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

 

[esther3]

בדיוק כך, אגב סיכמנו שזה bug של chrome, בדפדפנים מסוימים זה כן עשוי לעבוד,
לכן גם w3schools כתבו בתור הערה: Your browser does not support the audio element.

 

[MordiD]

בדיוק כך, אגב סיכמנו שזה bug של chrome, בדפדפנים מסוימים זה כן עשוי לעבוד,

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

Autoplay policy in Chrome | Blog | Chrome for Developers

Learn best practices for good user experiences with the new autoplay policies in Chrome.

developers.google.com

לכן גם w3schools כתבו בתור הערה: Your browser does not support the audio element.

את זה כותבים לדפדפן שלא מכיר את התג audio ואז הוא מראה את זה(בשביל לראות דוגמא תשנו את התג למשהו שלא קיים)

 

[דובדבן בקצפת]

יש אפשרות לכתוב
autoplay="autoplay"
וזה מתחיל ברגע שעולה הדף
בהצלחה!!

 

[React]

יש אפשרות לכתוב
autoplay="autoplay"
וזה מתחיל ברגע שעולה הדף
בהצלחה!!

ניסיתי מליון פעם
זה לא עובד בכרום...

 

[דובדבן בקצפת]

ניסיתי מליון פעם
זה לא עובד בכרום...

לי זה עובד
אני יביא לך את כל הקוד
<video autoplay="autoplay" controls="controls" muted overflow="hidden" loop="loop">
\\ פה את שמה את הוידאו
</video>

 

[React]

לי זה עובד
אני יביא לך את כל הקוד
<video autoplay="autoplay" controls="controls" muted overflow="hidden" loop="loop">
\\ פה את שמה את הוידאו
</video>

גם באודיו זה יעבוד?
כי יש לי אודיו לו וידיאו

 

[דובדבן בקצפת]

גם באודיו זה יעבוד?
כי יש לי אודיו לו וידיאו

האמת עכשיו אני נזכרת שאני גם רציתי שיהיה גם שמע ולא הצלחתי וחפשתי המון תכלס הצלחתי רק שיראו