השמעת קובץ אודיו מהשרת בצד לקוח
-
@dovid
זה מה שכתבתי בקובץ HTML<html> <body> <div> הודעה_15 <a onclick="listen('http://mysite/123.mp3')" >השמעה</a> </div> <div id="player-area"> </div> <script> function listen(file){ var playerArea = document.getElementById('player-area'); playerArea.innerHTML = "<video src=" + file + " ></video>"; } </script> </body> </html>
-
@nigun אמר בהשמעת קובץ אודיו מהשרת בצד לקוח:
<div> הודעה_15 <a onclick="listen('http://mysite/123.mp3')" >השמעה</a> </div> <div id="player-area"> </div> <script> function listen(file){ var playerArea = document.getElementById('player-area'); playerArea.innerHTML = "<video src=" + file + " ></video>"; } </script>
ויש שגיאות בקונסול?
-
@יוסף-בן-שמעון
יש שגיאה שהקובץ לא נמצא
אני ינסה לתקן -
@יוסף-בן-שמעון
כשאני שם קובץ קיים לא מופיע שום שגיאה בקונסול
ולא מופעל שום קובץ -
@nigun נסה את זה
<html> <body> <div> הודעה_15 <a onclick="listen('http://mysite/123.mp3')" >השמעה</a> </div> <div id="player-area"> </div> <script> function listen(file){ var playerArea = document.getElementById('player-area'); playerArea.innerHTML = "<video controls src=" + file + " ></video>"; } </script> </body> </html>
-
@יוסף-בן-שמעון אמר בהשמעת קובץ אודיו מהשרת בצד לקוח:
עכשיו זה עובד! -
@nigun אין דרך סטנדרטית לעצב אלמנט אודיו או וידיאו על ידי CSS. יש את זה אבל זה עובד רק בכרום וחביריו. אני גם לא יודע כמה שליטה זה ייתן לך.
מה שעושים בד"כ זה להסתיר את הנגן המובנה ובמקומו לעצב נגן אחר כיד הדמיון הטובה עליך שישלוט בנגינת המדיה על ידי JS.
יש גם ספריות מוכנות שאפשר להתשמש בהם. (לדוגמה זה או זה או זה)
מכיון שאין לי נסיון אני לא יכול להמליץ.