דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. השמעת קובץ אודיו מהשרת בצד לקוח

השמעת קובץ אודיו מהשרת בצד לקוח

מתוזמן נעוץ נעול הועבר תכנות
23 פוסטים 6 כותבים 300 צפיות 5 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • nigunN מנותק
    nigunN מנותק
    nigun
    כתב ב נערך לאחרונה על ידי dovid
    #1

    בהמשך לדברי @dovid באיך בונים בוט מושלם?:
    אני ינסה לשאול שאלה פשוטה שנצרכת לי כרגע
    ותגידו לי האם אני שואל זה נכון?(וכמובן אם יש תשובה על השאלה אפשר לענות)
    אני רוצה לעשות ממשק ללקוח שיוכל לשמוע ולהוריד קבצים שנמצאים על השרת שלי
    עשיתי דף HTML עם לחצן אחד להורדה ואחד לינק לקובץ עצמו
    אבל הוא מתלונן שיש לו תוכנת הורדה שמורידה את זה ישר והוא סך הכל מעוניין לשמוע את הקובץ
    השאלה היא איך אני יוצר כפתור שיפעיל לי נגן בתחתית העמוד או לחלופין בדף נפרד
    והכל אני צריך בצד לקוח

    מייל: nigun@duck.com

    clickoneC תגובה 1 תגובה אחרונה
    1
    • dovidD מנותק
      dovidD מנותק
      dovid
      ניהול
      כתב ב נערך לאחרונה על ידי dovid
      #2

      שאלה מצויינת! באמת.

      1. אצלך זה מושמע בדפדפן ולא יורד?
      2. להוסיף אלמנט div למסמך עם קוד JS בעת לחיצה, אתה יודע?
      • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
      • בכל נושא אפשר ליצור קשר dovid@tchumim.com
      ליבלל nigunN 2 תגובות תגובה אחרונה
      1
      • dovidD dovid

        שאלה מצויינת! באמת.

        1. אצלך זה מושמע בדפדפן ולא יורד?
        2. להוסיף אלמנט div למסמך עם קוד JS בעת לחיצה, אתה יודע?
        ליבלל מנותק
        ליבלל מנותק
        ליבל
        כתב ב נערך לאחרונה על ידי
        #3

        @dovid למה שלא ישתמש עם זה ?

        nigunN dovidD 2 תגובות תגובה אחרונה
        0
        • nigunN nigun

          בהמשך לדברי @dovid באיך בונים בוט מושלם?:
          אני ינסה לשאול שאלה פשוטה שנצרכת לי כרגע
          ותגידו לי האם אני שואל זה נכון?(וכמובן אם יש תשובה על השאלה אפשר לענות)
          אני רוצה לעשות ממשק ללקוח שיוכל לשמוע ולהוריד קבצים שנמצאים על השרת שלי
          עשיתי דף HTML עם לחצן אחד להורדה ואחד לינק לקובץ עצמו
          אבל הוא מתלונן שיש לו תוכנת הורדה שמורידה את זה ישר והוא סך הכל מעוניין לשמוע את הקובץ
          השאלה היא איך אני יוצר כפתור שיפעיל לי נגן בתחתית העמוד או לחלופין בדף נפרד
          והכל אני צריך בצד לקוח

          clickoneC מנותק
          clickoneC מנותק
          clickone
          כתב ב נערך לאחרונה על ידי
          #4

          @nigun
          אתה רוצה לתת ללקוח אפשרות לראות ולשמוע קבצים על תיקייה מסויימת? (ואולי גם להעלות?)
          יש המון file manager באינטרנט עם שם משתמש וסיסמא ובחירת תיקייה מסויימת
          הנה לדוגמא
          https://github.com/jcampbell1/simple-file-manager

          אין טסט כמו פרודקשן.

          המייל שלי urivpn@gmail.com

          nigunN תגובה 1 תגובה אחרונה
          2
          • clickoneC clickone

            @nigun
            אתה רוצה לתת ללקוח אפשרות לראות ולשמוע קבצים על תיקייה מסויימת? (ואולי גם להעלות?)
            יש המון file manager באינטרנט עם שם משתמש וסיסמא ובחירת תיקייה מסויימת
            הנה לדוגמא
            https://github.com/jcampbell1/simple-file-manager

            nigunN מנותק
            nigunN מנותק
            nigun
            כתב ב נערך לאחרונה על ידי
            #5

            @clickone
            בהתחלה השתמשתי בfile manager
            אבל הוא התלונן על העיצוב ועל הטורים המיותרים
            הגעתי למסקנה שיותר קל לבנות דף HTML פשוט מאשר לחפור בקוד הלא קריא שהיה בfile manager
            (וגם על הדרך הזדמנות ללמוד HTML וJS)

            מייל: nigun@duck.com

            תגובה 1 תגובה אחרונה
            1
            • ליבלל ליבל

              @dovid למה שלא ישתמש עם זה ?

              nigunN מנותק
              nigunN מנותק
              nigun
              כתב ב נערך לאחרונה על ידי
              #6

              @ליבל
              איפה אני ישים את זה?
              בתחתית העומד זה לא משתלב יפה
              ובדף נפרד אני לא יודע איך לשלוח את של הקובץ (בלי שימוש בצד שרת)

              מייל: nigun@duck.com

              תגובה 1 תגובה אחרונה
              0
              • ליבלל ליבל

                @dovid למה שלא ישתמש עם זה ?

                dovidD מנותק
                dovidD מנותק
                dovid
                ניהול
                כתב ב נערך לאחרונה על ידי dovid
                #7

                @ליבל מי אמר שלא? אולי הוא שואל איך להוסיף את האלמנט לדף ואיך להגדיר אותו.
                אם אתה מתכוון שיכין כאלה לכל קובץ כבר בצד שרת, לא בטוח שזה מתאים ויזואלית לממשק שהוא מתכנן.

                • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                תגובה 1 תגובה אחרונה
                0
                • dovidD dovid

                  שאלה מצויינת! באמת.

                  1. אצלך זה מושמע בדפדפן ולא יורד?
                  2. להוסיף אלמנט div למסמך עם קוד JS בעת לחיצה, אתה יודע?
                  nigunN מנותק
                  nigunN מנותק
                  nigun
                  כתב ב נערך לאחרונה על ידי
                  #8

                  @dovid אמר בהשמעת קובץ אודיו מהשרת בצד לקוח:

                  שאלה מצויינת! באמת.

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

                  מייל: nigun@duck.com

                  dovidD תגובה 1 תגובה אחרונה
                  0
                  • nigunN nigun

                    @dovid אמר בהשמעת קובץ אודיו מהשרת בצד לקוח:

                    שאלה מצויינת! באמת.

                    1. אצלך זה מושמע בדפדפן ולא יורד?
                    2. להוסיף אלמנט div למסמך עם קוד JS בעת לחיצה, אתה יודע?
                    1. אצלי זה לא יורד (אני נכנס לכתובת של הקובץ בעצמו ושם יש את האלמט שליבל הזכיר עם רקע שחור)
                    2. כנראה אני יכול ללמוד איך לעשות את זה
                      (לכאורה זה פקודה של הדפסה למסמך)
                    dovidD מנותק
                    dovidD מנותק
                    dovid
                    ניהול
                    כתב ב נערך לאחרונה על ידי dovid
                    #9

                    @nigun
                    ב2 אתה יכול ללמוד גם פה.
                    אני מתחיל מהפתרון של @ליבל, נניח זה השורה:

                     <div>
                        הודעה_15 
                        <a onclick="listen('/files/audio/הודעה_15.mp3')" >השמעה</a>
                        <video style="display: none"  src="/files/audio/הודעה_15.mp3" id="/files/audio/הודעה_15.mp3"  />
                     </div>
                    

                    הקוד צריך להיות משהו כזה:

                    <script>
                        //לוודא שה פועל אחרי שכל המסמך נטען, למשל לשים לפי התגית הסוגרת של בודי או סתם בסוף
                        function listen(file){
                            document.getElementById(file).style.display = 'block';
                        }
                    </script>
                    
                    • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                    • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                    nigunN תגובה 1 תגובה אחרונה
                    1
                    • dovidD dovid

                      @nigun
                      ב2 אתה יכול ללמוד גם פה.
                      אני מתחיל מהפתרון של @ליבל, נניח זה השורה:

                       <div>
                          הודעה_15 
                          <a onclick="listen('/files/audio/הודעה_15.mp3')" >השמעה</a>
                          <video style="display: none"  src="/files/audio/הודעה_15.mp3" id="/files/audio/הודעה_15.mp3"  />
                       </div>
                      

                      הקוד צריך להיות משהו כזה:

                      <script>
                          //לוודא שה פועל אחרי שכל המסמך נטען, למשל לשים לפי התגית הסוגרת של בודי או סתם בסוף
                          function listen(file){
                              document.getElementById(file).style.display = 'block';
                          }
                      </script>
                      
                      nigunN מנותק
                      nigunN מנותק
                      nigun
                      כתב ב נערך לאחרונה על ידי nigun
                      #10

                      @dovid
                      מה שאני מבין
                      זה טוען את האלמנט מהתחלה במצב מוסתר והופך אותו לגלוי כשמפעילים את הפונקציה
                      האם לא יותר אלגנטי לעשות פונקציה שמוסיפה את האלמט video בתחתית הדף עם הערך file
                      ולהוסיף HTML מסביב בשביל שישתלב יפה

                      מייל: nigun@duck.com

                      תגובה 1 תגובה אחרונה
                      1
                      • ליבלל מנותק
                        ליבלל מנותק
                        ליבל
                        כתב ב נערך לאחרונה על ידי
                        #11

                        @nigun אמר בהשמעת קובץ אודיו מהשרת בצד לקוח:

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

                        אתה בטוח ? לי נראה שזה טוען את כל הקבצים כדי שלא יהיה מצב שבו הדפדפן מחכה שהקובץ יטען (מה שקורא לי הרבה ב jdn)

                        nigunN תגובה 1 תגובה אחרונה
                        0
                        • ליבלל ליבל

                          @nigun אמר בהשמעת קובץ אודיו מהשרת בצד לקוח:

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

                          אתה בטוח ? לי נראה שזה טוען את כל הקבצים כדי שלא יהיה מצב שבו הדפדפן מחכה שהקובץ יטען (מה שקורא לי הרבה ב jdn)

                          nigunN מנותק
                          nigunN מנותק
                          nigun
                          כתב ב נערך לאחרונה על ידי
                          #12

                          @ליבל
                          אם יש לי דף עם מאה קבצים אין לי סיבה לטעון את כולם כל פעם שהלקוח נכנס לדף וסך הכל רוצה לשמוע קובץ אחד
                          או שבכלל הוא רוצה להוריד או רק בודק האם יש קובץ חדש

                          מייל: nigun@duck.com

                          תגובה 1 תגובה אחרונה
                          0
                          • dovidD מנותק
                            dovidD מנותק
                            dovid
                            ניהול
                            כתב ב נערך לאחרונה על ידי
                            #13

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

                             <div>
                                הודעה_15 
                                <a onclick="listen('/files/audio/הודעה_15.mp3')" >השמעה</a>
                             </div>
                            ....
                            <div id="player-area">
                            </div>
                            

                            קןד:

                            function listen(file){
                                var playerArea = document.getElementById('player-area');
                                playerArea.innerHTML = "<video src=" +  file +  " ></video>";
                            }
                            
                            • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                            • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                            nigunN תגובה 1 תגובה אחרונה
                            2
                            • dovidD dovid

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

                               <div>
                                  הודעה_15 
                                  <a onclick="listen('/files/audio/הודעה_15.mp3')" >השמעה</a>
                               </div>
                              ....
                              <div id="player-area">
                              </div>
                              

                              קןד:

                              function listen(file){
                                  var playerArea = document.getElementById('player-area');
                                  playerArea.innerHTML = "<video src=" +  file +  " ></video>";
                              }
                              
                              nigunN מנותק
                              nigunN מנותק
                              nigun
                              כתב ב נערך לאחרונה על ידי
                              #14

                              @dovid
                              זה לא עובד לי
                              אבל הבנתי את הכיוון
                              עכשיו אני מחפש עיצוב CSS בשביל זה שישתלב בתחתית הדף
                              משהו בסגנון הזה
                              אבל אני מעדיף משהו יותר פשוט לשילוב בדף קיים

                              מייל: nigun@duck.com

                              dovidD תגובה 1 תגובה אחרונה
                              0
                              • nigunN nigun

                                @dovid
                                זה לא עובד לי
                                אבל הבנתי את הכיוון
                                עכשיו אני מחפש עיצוב CSS בשביל זה שישתלב בתחתית הדף
                                משהו בסגנון הזה
                                אבל אני מעדיף משהו יותר פשוט לשילוב בדף קיים

                                dovidD מנותק
                                dovidD מנותק
                                dovid
                                ניהול
                                כתב ב נערך לאחרונה על ידי
                                #15

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

                                • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                                • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                                nigunN תגובה 1 תגובה אחרונה
                                2
                                • dovidD dovid

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

                                  nigunN מנותק
                                  nigunN מנותק
                                  nigun
                                  כתב ב נערך לאחרונה על ידי
                                  #16

                                  @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@duck.com

                                  י תגובה 1 תגובה אחרונה
                                  0
                                  • nigunN nigun

                                    @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> 
                                    
                                    י מנותק
                                    י מנותק
                                    יוסף בן שמעון
                                    כתב ב נערך לאחרונה על ידי
                                    #17

                                    @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>

                                    ויש שגיאות בקונסול?

                                    nigunN 2 תגובות תגובה אחרונה
                                    0
                                    • י יוסף בן שמעון

                                      @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>

                                      ויש שגיאות בקונסול?

                                      nigunN מנותק
                                      nigunN מנותק
                                      nigun
                                      כתב ב נערך לאחרונה על ידי
                                      #18

                                      @יוסף-בן-שמעון
                                      יש שגיאה שהקובץ לא נמצא
                                      אני ינסה לתקן

                                      מייל: nigun@duck.com

                                      תגובה 1 תגובה אחרונה
                                      0
                                      • י יוסף בן שמעון

                                        @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>

                                        ויש שגיאות בקונסול?

                                        nigunN מנותק
                                        nigunN מנותק
                                        nigun
                                        כתב ב נערך לאחרונה על ידי
                                        #19

                                        @יוסף-בן-שמעון
                                        כשאני שם קובץ קיים לא מופיע שום שגיאה בקונסול
                                        ולא מופעל שום קובץ

                                        מייל: nigun@duck.com

                                        י תגובה 1 תגובה אחרונה
                                        0
                                        • nigunN nigun

                                          @יוסף-בן-שמעון
                                          כשאני שם קובץ קיים לא מופיע שום שגיאה בקונסול
                                          ולא מופעל שום קובץ

                                          י מנותק
                                          י מנותק
                                          יוסף בן שמעון
                                          כתב ב נערך לאחרונה על ידי
                                          #20

                                          @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> 
                                          
                                          
                                          nigunN תגובה 1 תגובה אחרונה
                                          1
                                          תגובה
                                          • תגובה כנושא
                                          התחברו כדי לפרסם תגובה
                                          • מהישן לחדש
                                          • מהחדש לישן
                                          • הכי הרבה הצבעות


                                          • 1
                                          • 2
                                          בא תתחבר לדף היומי!
                                          • התחברות

                                          • אין לך חשבון עדיין? הרשמה

                                          • התחברו או הירשמו כדי לחפש.
                                          • פוסט ראשון
                                            פוסט אחרון
                                          0
                                          • דף הבית
                                          • קטגוריות
                                          • פוסטים אחרונים
                                          • משתמשים
                                          • חיפוש
                                          • חוקי הפורום