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

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

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

שיתוף - סקריפט לקול חי מיוזיק

מתוזמן נעוץ נעול הועבר גומלין - כללי
22 פוסטים 7 כותבים 457 צפיות 7 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • מעלה ומורידמ מנותק
    מעלה ומורידמ מנותק
    מעלה ומוריד
    כתב ב נערך לאחרונה על ידי
    #2

    לא יודע למה הצילומים נראים ככה, בשונה מהמציאות... משהו נדפק איפשהו : )

    מנע בזבוז זמן, זכה את הרבים!

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

      בקול חי מיוזיק היו לי 2 בעיות. פרסומות וניתוקים
      לכן תמיד השתמשתי בכתובת ההזרמה עצמה https://live.ecast.co.il/stream/kcm/*
      באדיבות GPT מצורף כאן סקריפט להקלת השימוש באופן זה, כאשר מכל דף תחת הדומיין הנ"ל יופיעו הקיצורים לשאר ההזרמות + שיפורי עיצוב.
      הכתובת https://live.ecast.co.il/stream/kcm/ אצלי כסימניה, ומשם ואילך השימוש קליל ונוח, וזורם...
      אמנם אין כאן אלא את ההזרמות שהכנסתי, השימושיות שלי, אולם ניתן להתאים את הקוד כל אחד כרצונו.
      יכול להיות שלא יתאים לכל מסך, אפשר לשחק עם הCSS בשביל להתאים, אחרי הכל התאמתי את זה למסך שלי...

      תוסף קליל להזרקת JS ו CSS בחדא מחתא: https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
      יש להכניס את הכתובות: https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic

      97bc22cd-edb3-489f-9332-95cfe6b7e120-image.png

      JS

      (function() {
          'use strict';
      
          // Create the links
          let link1 = document.createElement("a");
          link1.href = "https://media2.93fm.co.il/livemusic";
          link1.innerText = "Live";
          link1.classList.add("button"); 
      
          let link2 = document.createElement("a");
          link2.href = "https://live.ecast.co.il/stream/kcm/35";
          link2.innerText = "הפלייליסט";
          link2.classList.add("button"); 
      
          let link3 = document.createElement("a");
          link3.href = "https://live.ecast.co.il/stream/kcm/39";
          link3.innerText = "ישי ריבו";
          link3.classList.add("button"); 
      
          let link4 = document.createElement("a");
          link4.href = "https://live.ecast.co.il/stream/kcm/7";
          link4.innerText = "קרליבך";
          link4.classList.add("button"); 
      
          let link5 = document.createElement("a");
          link5.href = "https://live.ecast.co.il/stream/kcm/11";
          link5.innerText = "בין הערבים";
          link5.classList.add("button"); 
      
          let link6 = document.createElement("a");
          link6.href = "https://live.ecast.co.il/stream/kcm/10";
          link6.innerText = "נעימות";
          link6.classList.add("button"); 
      
          let link7 = document.createElement("a");
          link7.href = "https://live.ecast.co.il/stream/kcm/16";
          link7.innerText = "MBD";
          link7.classList.add("button"); 
      
          let link8 = document.createElement("a");
          link8.href = "https://live.ecast.co.il/stream/kcm/15";
          link8.innerText = "פריד";
          link8.classList.add("button"); 
      
          let link9 = document.createElement("a");
          link9.href = "https://live.ecast.co.il/stream/kcm/17";
          link9.innerText = "שבת";
          link9.classList.add("button"); 
          
      	let link10 = document.createElement("a");
          link10.href = "https://live.ecast.co.il/stream/kcm/19";
          link10.innerText = "קומזיץ";
          link10.classList.add("button"); 
      
          // Function to play/pause the audio and video
          function playPauseMedia() {
              let video = document.querySelector("video");
              if (video) {
                  if (video.paused) {
                      video.play();
                      playPauseButton.innerText = "II";
                  } else {
                      video.pause();
                      playPauseButton.innerText = "▶";
                  }
              }
          }
      
          // Create the play/pause button
          let playPauseButton = document.createElement("button");
          playPauseButton.innerText = "▶";
          playPauseButton.classList.add("playPauseButton"); 
          playPauseButton.style.position = "fixed";
          playPauseButton.style.left = "50%";
          playPauseButton.style.top = "30%";
          playPauseButton.style.transform = "translateX(-50%)";
          playPauseButton.style.width = "150px";
          playPauseButton.style.height = "150px";
          playPauseButton.style.fontSize = "60px";
      
          // Add event listener to the play/pause button
          playPauseButton.addEventListener("click", playPauseMedia);
      
          // Create main div to hold links
          let mainDiv = document.createElement("div");
          mainDiv.style.display = "flex";
          mainDiv.style.position = "fixed";
          mainDiv.style.left = "50%";
          mainDiv.style.top = "10px";
          mainDiv.style.transform = "translateX(-50%)";
          mainDiv.style.maxWidth = "100%";
          mainDiv.style.direction = "rtl";
          mainDiv.style.flexWrap = "wrap";
      
          // Create div to hold background image
          let imageDiv = document.createElement("div");
          imageDiv.style.backgroundImage = "url('https://kcm.fm/static/images/logo.svg')";
          imageDiv.style.flexGrow = "1"; // Add flex-grow to occupy remaining space
      
          // Append links to main div
          mainDiv.appendChild(link1);
          mainDiv.appendChild(link2);
          mainDiv.appendChild(link3);
          mainDiv.appendChild(link4);
          mainDiv.appendChild(link5);
          mainDiv.appendChild(link6);
          mainDiv.appendChild(link7);
          mainDiv.appendChild(link8);
          mainDiv.appendChild(link9);
          mainDiv.appendChild(link10);
      
          // Append main div and play/pause button to body
          document.body.appendChild(mainDiv);
          document.body.appendChild(playPauseButton);
      
          // Add 'active' class to button if the current page matches the button's href
          let links = [link1, link2, link3, link4, link5, link6, link7, link8, link9, link10];
          let currentPage = window.location.href;
      
          links.forEach(function(link) {
              if (link.href === currentPage) {
                  link.classList.add("active");
                  document.title = "קול חי מיוזיק - " + link.innerText; // Set the tab title
              }
          });
              
          if (window.location.href === "https://live.ecast.co.il/stream/kcm/") {
              document.title = "קול חי מיוזיק";
          }
      
          // Change the favicon
          let faviconLink = document.createElement("link");
          faviconLink.rel = "icon";
          faviconLink.type = "image/x-icon";
          faviconLink.href = "https://kcm.fm/favicon.ico";
          faviconLink.id = "customFavicon";
          
          document.head.appendChild(faviconLink);
      
      })();
      
      
      // Create the progress element
      let videoProgress = document.createElement("progress");
      videoProgress.style.position = "fixed";
      videoProgress.style.left = "50%";
      videoProgress.style.bottom = "20px";
      videoProgress.style.transform = "translateX(-50%)";
      videoProgress.style.width = "90%";
      
      // Create the time element
      let timeElement = document.createElement("div");
      timeElement.style.position = "fixed";
      timeElement.style.left = "50%";
      timeElement.style.bottom = "60px";
      timeElement.style.transform = "translateX(-50%)";
      timeElement.style.fontSize = "24px";
      timeElement.style.color = "#fff";
      
      // Get the video element
      let video = document.querySelector("video");
      
      // Add event listener to update the progress bar and time
      video.addEventListener("timeupdate", function() {
          let progress = video.currentTime / video.duration;
          videoProgress.value = progress;
      
          let minutes = Math.floor(video.currentTime / 60);
          let seconds = Math.floor(video.currentTime % 60);
          timeElement.innerText = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
      });
      
      // Append the progress and time elements to the body
      document.body.appendChild(videoProgress);
      document.body.appendChild(timeElement);
      
      
      // Create the volume range input
      let volumeRangeInput = document.createElement("input");
      volumeRangeInput.type = "range";
      volumeRangeInput.min = "0";
      volumeRangeInput.max = "1";
      volumeRangeInput.step = "0.01";
      volumeRangeInput.value = "1";
      volumeRangeInput.classList.add("volumeRangeInput");
      volumeRangeInput.style.position = "fixed";
      volumeRangeInput.style.left = "50%";
      volumeRangeInput.style.bottom = "160px";
      volumeRangeInput.style.transform = "translateX(-50%)";
      volumeRangeInput.style.width = "200px";
      
      // Get the video element
      let videoElement = document.querySelector("video");
      
      // Add event listener to control the volume
      volumeRangeInput.addEventListener("input", function() {
          videoElement.volume = volumeRangeInput.value;
      });
      
      // Append the volume range input to the body
      document.body.appendChild(volumeRangeInput);
      

      CSS

      .button {
          display: inline-block;
          background-color: #007bff;
          color: #fff;
          padding: 10px 20px;
          margin: 5px;
          border-radius: 5px;
          text-decoration: none;
          transition: background-color 0.3s ease;
      }
      
      .button:hover {
          background-color: #0056b3;
      }
      
      .button.active {
          background-color: #00c1ff;
      }
      
      .playPauseButton {
          display: inline-block;
          background-color: #007bff;
          color: #fff;
          padding: 10px 20px;
          margin: 5px;
          border-radius: 50%;
          text-decoration: none;
          transition: background-color 0.3s ease;
          border: 0px !important;
      }
      
      .playPauseButton:hover {
          background-color: #0056b3;
      }
      
      
      video {
          display: none;
      }
      
      body {
          background: #111
      }
      

      מצ"ב גם תמונה.

      9f7c38ec-c028-41c7-9f40-e7fb31aac118-image.png

      מוגןמ מנותק
      מוגןמ מנותק
      מוגן
      כתב ב נערך לאחרונה על ידי
      #3

      @מעלה-ומוריד כתב בשיתוף - סקריפט לקול חי מיוזיק:

      https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic

      אני שומר את זה כסימניה והוא כותב לי הקובץ לא נמצא

      הקמת מערכות טלפוניה חכמות, שירות מהיר ומקצועי, מחיר ללא תחרות
      צרו קשר במייל a0534186862@gmail.com

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

        בקול חי מיוזיק היו לי 2 בעיות. פרסומות וניתוקים
        לכן תמיד השתמשתי בכתובת ההזרמה עצמה https://live.ecast.co.il/stream/kcm/*
        באדיבות GPT מצורף כאן סקריפט להקלת השימוש באופן זה, כאשר מכל דף תחת הדומיין הנ"ל יופיעו הקיצורים לשאר ההזרמות + שיפורי עיצוב.
        הכתובת https://live.ecast.co.il/stream/kcm/ אצלי כסימניה, ומשם ואילך השימוש קליל ונוח, וזורם...
        אמנם אין כאן אלא את ההזרמות שהכנסתי, השימושיות שלי, אולם ניתן להתאים את הקוד כל אחד כרצונו.
        יכול להיות שלא יתאים לכל מסך, אפשר לשחק עם הCSS בשביל להתאים, אחרי הכל התאמתי את זה למסך שלי...

        תוסף קליל להזרקת JS ו CSS בחדא מחתא: https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
        יש להכניס את הכתובות: https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic

        97bc22cd-edb3-489f-9332-95cfe6b7e120-image.png

        JS

        (function() {
            'use strict';
        
            // Create the links
            let link1 = document.createElement("a");
            link1.href = "https://media2.93fm.co.il/livemusic";
            link1.innerText = "Live";
            link1.classList.add("button"); 
        
            let link2 = document.createElement("a");
            link2.href = "https://live.ecast.co.il/stream/kcm/35";
            link2.innerText = "הפלייליסט";
            link2.classList.add("button"); 
        
            let link3 = document.createElement("a");
            link3.href = "https://live.ecast.co.il/stream/kcm/39";
            link3.innerText = "ישי ריבו";
            link3.classList.add("button"); 
        
            let link4 = document.createElement("a");
            link4.href = "https://live.ecast.co.il/stream/kcm/7";
            link4.innerText = "קרליבך";
            link4.classList.add("button"); 
        
            let link5 = document.createElement("a");
            link5.href = "https://live.ecast.co.il/stream/kcm/11";
            link5.innerText = "בין הערבים";
            link5.classList.add("button"); 
        
            let link6 = document.createElement("a");
            link6.href = "https://live.ecast.co.il/stream/kcm/10";
            link6.innerText = "נעימות";
            link6.classList.add("button"); 
        
            let link7 = document.createElement("a");
            link7.href = "https://live.ecast.co.il/stream/kcm/16";
            link7.innerText = "MBD";
            link7.classList.add("button"); 
        
            let link8 = document.createElement("a");
            link8.href = "https://live.ecast.co.il/stream/kcm/15";
            link8.innerText = "פריד";
            link8.classList.add("button"); 
        
            let link9 = document.createElement("a");
            link9.href = "https://live.ecast.co.il/stream/kcm/17";
            link9.innerText = "שבת";
            link9.classList.add("button"); 
            
        	let link10 = document.createElement("a");
            link10.href = "https://live.ecast.co.il/stream/kcm/19";
            link10.innerText = "קומזיץ";
            link10.classList.add("button"); 
        
            // Function to play/pause the audio and video
            function playPauseMedia() {
                let video = document.querySelector("video");
                if (video) {
                    if (video.paused) {
                        video.play();
                        playPauseButton.innerText = "II";
                    } else {
                        video.pause();
                        playPauseButton.innerText = "▶";
                    }
                }
            }
        
            // Create the play/pause button
            let playPauseButton = document.createElement("button");
            playPauseButton.innerText = "▶";
            playPauseButton.classList.add("playPauseButton"); 
            playPauseButton.style.position = "fixed";
            playPauseButton.style.left = "50%";
            playPauseButton.style.top = "30%";
            playPauseButton.style.transform = "translateX(-50%)";
            playPauseButton.style.width = "150px";
            playPauseButton.style.height = "150px";
            playPauseButton.style.fontSize = "60px";
        
            // Add event listener to the play/pause button
            playPauseButton.addEventListener("click", playPauseMedia);
        
            // Create main div to hold links
            let mainDiv = document.createElement("div");
            mainDiv.style.display = "flex";
            mainDiv.style.position = "fixed";
            mainDiv.style.left = "50%";
            mainDiv.style.top = "10px";
            mainDiv.style.transform = "translateX(-50%)";
            mainDiv.style.maxWidth = "100%";
            mainDiv.style.direction = "rtl";
            mainDiv.style.flexWrap = "wrap";
        
            // Create div to hold background image
            let imageDiv = document.createElement("div");
            imageDiv.style.backgroundImage = "url('https://kcm.fm/static/images/logo.svg')";
            imageDiv.style.flexGrow = "1"; // Add flex-grow to occupy remaining space
        
            // Append links to main div
            mainDiv.appendChild(link1);
            mainDiv.appendChild(link2);
            mainDiv.appendChild(link3);
            mainDiv.appendChild(link4);
            mainDiv.appendChild(link5);
            mainDiv.appendChild(link6);
            mainDiv.appendChild(link7);
            mainDiv.appendChild(link8);
            mainDiv.appendChild(link9);
            mainDiv.appendChild(link10);
        
            // Append main div and play/pause button to body
            document.body.appendChild(mainDiv);
            document.body.appendChild(playPauseButton);
        
            // Add 'active' class to button if the current page matches the button's href
            let links = [link1, link2, link3, link4, link5, link6, link7, link8, link9, link10];
            let currentPage = window.location.href;
        
            links.forEach(function(link) {
                if (link.href === currentPage) {
                    link.classList.add("active");
                    document.title = "קול חי מיוזיק - " + link.innerText; // Set the tab title
                }
            });
                
            if (window.location.href === "https://live.ecast.co.il/stream/kcm/") {
                document.title = "קול חי מיוזיק";
            }
        
            // Change the favicon
            let faviconLink = document.createElement("link");
            faviconLink.rel = "icon";
            faviconLink.type = "image/x-icon";
            faviconLink.href = "https://kcm.fm/favicon.ico";
            faviconLink.id = "customFavicon";
            
            document.head.appendChild(faviconLink);
        
        })();
        
        
        // Create the progress element
        let videoProgress = document.createElement("progress");
        videoProgress.style.position = "fixed";
        videoProgress.style.left = "50%";
        videoProgress.style.bottom = "20px";
        videoProgress.style.transform = "translateX(-50%)";
        videoProgress.style.width = "90%";
        
        // Create the time element
        let timeElement = document.createElement("div");
        timeElement.style.position = "fixed";
        timeElement.style.left = "50%";
        timeElement.style.bottom = "60px";
        timeElement.style.transform = "translateX(-50%)";
        timeElement.style.fontSize = "24px";
        timeElement.style.color = "#fff";
        
        // Get the video element
        let video = document.querySelector("video");
        
        // Add event listener to update the progress bar and time
        video.addEventListener("timeupdate", function() {
            let progress = video.currentTime / video.duration;
            videoProgress.value = progress;
        
            let minutes = Math.floor(video.currentTime / 60);
            let seconds = Math.floor(video.currentTime % 60);
            timeElement.innerText = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
        });
        
        // Append the progress and time elements to the body
        document.body.appendChild(videoProgress);
        document.body.appendChild(timeElement);
        
        
        // Create the volume range input
        let volumeRangeInput = document.createElement("input");
        volumeRangeInput.type = "range";
        volumeRangeInput.min = "0";
        volumeRangeInput.max = "1";
        volumeRangeInput.step = "0.01";
        volumeRangeInput.value = "1";
        volumeRangeInput.classList.add("volumeRangeInput");
        volumeRangeInput.style.position = "fixed";
        volumeRangeInput.style.left = "50%";
        volumeRangeInput.style.bottom = "160px";
        volumeRangeInput.style.transform = "translateX(-50%)";
        volumeRangeInput.style.width = "200px";
        
        // Get the video element
        let videoElement = document.querySelector("video");
        
        // Add event listener to control the volume
        volumeRangeInput.addEventListener("input", function() {
            videoElement.volume = volumeRangeInput.value;
        });
        
        // Append the volume range input to the body
        document.body.appendChild(volumeRangeInput);
        

        CSS

        .button {
            display: inline-block;
            background-color: #007bff;
            color: #fff;
            padding: 10px 20px;
            margin: 5px;
            border-radius: 5px;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }
        
        .button:hover {
            background-color: #0056b3;
        }
        
        .button.active {
            background-color: #00c1ff;
        }
        
        .playPauseButton {
            display: inline-block;
            background-color: #007bff;
            color: #fff;
            padding: 10px 20px;
            margin: 5px;
            border-radius: 50%;
            text-decoration: none;
            transition: background-color 0.3s ease;
            border: 0px !important;
        }
        
        .playPauseButton:hover {
            background-color: #0056b3;
        }
        
        
        video {
            display: none;
        }
        
        body {
            background: #111
        }
        

        מצ"ב גם תמונה.

        9f7c38ec-c028-41c7-9f40-e7fb31aac118-image.png

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

        @מעלה-ומוריד כתב בשיתוף - סקריפט לקול חי מיוזיק:

        תוסף קליל להזרקת JS ו CSS בחדא מחתא: https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
        יש להכניס את הכתובות: https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic

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

        הקמת מערכות טלפוניה חכמות, שירות מהיר ומקצועי, מחיר ללא תחרות
        צרו קשר במייל a0534186862@gmail.com

        תגובה 1 תגובה אחרונה
        0
        • מעלה ומורידמ מנותק
          מעלה ומורידמ מנותק
          מעלה ומוריד
          כתב ב נערך לאחרונה על ידי מעלה ומוריד
          #5
          1. הוספת סקריפט (Add new):
            image.png

          2. בשורה למעלה להכניס את הכתובות שציטטת https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic אלו שתי כתובות עליהן הסקריפט צריך לעבוד
            ואז להכניס את הJS בשדה שלו (השמאלי) ואת הCSS בשדה שלו (הימני)
            לא לשכוח לשמור. עכשיו כשתיכנס לכתובת זו: https://live.ecast.co.il/stream/kcm/ (תשמור כסימניה) זה אמור לעבוד.

          34221480-700f-46d1-aefd-231241f3b78f-image.png

          מנע בזבוז זמן, זכה את הרבים!

          מוגןמ תגובה 1 תגובה אחרונה
          1
          • מעלה ומורידמ מעלה ומוריד
            1. הוספת סקריפט (Add new):
              image.png

            2. בשורה למעלה להכניס את הכתובות שציטטת https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic אלו שתי כתובות עליהן הסקריפט צריך לעבוד
              ואז להכניס את הJS בשדה שלו (השמאלי) ואת הCSS בשדה שלו (הימני)
              לא לשכוח לשמור. עכשיו כשתיכנס לכתובת זו: https://live.ecast.co.il/stream/kcm/ (תשמור כסימניה) זה אמור לעבוד.

            34221480-700f-46d1-aefd-231241f3b78f-image.png

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

            @מעלה-ומוריד א. תודה רבה על ההסבר הברור
            ב. עשיתי ככל שכתבת, וכעת אני מקבל מסך שחור ריק...

            הקמת מערכות טלפוניה חכמות, שירות מהיר ומקצועי, מחיר ללא תחרות
            צרו קשר במייל a0534186862@gmail.com

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

              תוסיף לכתובת של הסימניה /
              דהיינו https://live.ecast.co.il/stream/kcm/

              מנע בזבוז זמן, זכה את הרבים!

              מוגןמ תגובה 1 תגובה אחרונה
              1
              • מעלה ומורידמ מעלה ומוריד

                תוסיף לכתובת של הסימניה /
                דהיינו https://live.ecast.co.il/stream/kcm/

                מוגןמ מנותק
                מוגןמ מנותק
                מוגן
                כתב ב נערך לאחרונה על ידי
                #8

                @מעלה-ומוריד הגדרתי ככה
                bed8aee2-32ba-497a-ba8d-453b06b81aaf-image.png
                ואני מקבל חלון שחור
                ככה הגדרתי את התוסף
                14d89c85-396e-4c0f-8717-8a3daed91f39-image.png

                הקמת מערכות טלפוניה חכמות, שירות מהיר ומקצועי, מחיר ללא תחרות
                צרו קשר במייל a0534186862@gmail.com

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

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

                  מנע בזבוז זמן, זכה את הרבים!

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

                    @מעלה-ומוריד אכן זה הייתה הבעיה
                    ממש תודה רבה על העזרה.

                    הקמת מערכות טלפוניה חכמות, שירות מהיר ומקצועי, מחיר ללא תחרות
                    צרו קשר במייל a0534186862@gmail.com

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

                      בקול חי מיוזיק היו לי 2 בעיות. פרסומות וניתוקים
                      לכן תמיד השתמשתי בכתובת ההזרמה עצמה https://live.ecast.co.il/stream/kcm/*
                      באדיבות GPT מצורף כאן סקריפט להקלת השימוש באופן זה, כאשר מכל דף תחת הדומיין הנ"ל יופיעו הקיצורים לשאר ההזרמות + שיפורי עיצוב.
                      הכתובת https://live.ecast.co.il/stream/kcm/ אצלי כסימניה, ומשם ואילך השימוש קליל ונוח, וזורם...
                      אמנם אין כאן אלא את ההזרמות שהכנסתי, השימושיות שלי, אולם ניתן להתאים את הקוד כל אחד כרצונו.
                      יכול להיות שלא יתאים לכל מסך, אפשר לשחק עם הCSS בשביל להתאים, אחרי הכל התאמתי את זה למסך שלי...

                      תוסף קליל להזרקת JS ו CSS בחדא מחתא: https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
                      יש להכניס את הכתובות: https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic

                      97bc22cd-edb3-489f-9332-95cfe6b7e120-image.png

                      JS

                      (function() {
                          'use strict';
                      
                          // Create the links
                          let link1 = document.createElement("a");
                          link1.href = "https://media2.93fm.co.il/livemusic";
                          link1.innerText = "Live";
                          link1.classList.add("button"); 
                      
                          let link2 = document.createElement("a");
                          link2.href = "https://live.ecast.co.il/stream/kcm/35";
                          link2.innerText = "הפלייליסט";
                          link2.classList.add("button"); 
                      
                          let link3 = document.createElement("a");
                          link3.href = "https://live.ecast.co.il/stream/kcm/39";
                          link3.innerText = "ישי ריבו";
                          link3.classList.add("button"); 
                      
                          let link4 = document.createElement("a");
                          link4.href = "https://live.ecast.co.il/stream/kcm/7";
                          link4.innerText = "קרליבך";
                          link4.classList.add("button"); 
                      
                          let link5 = document.createElement("a");
                          link5.href = "https://live.ecast.co.il/stream/kcm/11";
                          link5.innerText = "בין הערבים";
                          link5.classList.add("button"); 
                      
                          let link6 = document.createElement("a");
                          link6.href = "https://live.ecast.co.il/stream/kcm/10";
                          link6.innerText = "נעימות";
                          link6.classList.add("button"); 
                      
                          let link7 = document.createElement("a");
                          link7.href = "https://live.ecast.co.il/stream/kcm/16";
                          link7.innerText = "MBD";
                          link7.classList.add("button"); 
                      
                          let link8 = document.createElement("a");
                          link8.href = "https://live.ecast.co.il/stream/kcm/15";
                          link8.innerText = "פריד";
                          link8.classList.add("button"); 
                      
                          let link9 = document.createElement("a");
                          link9.href = "https://live.ecast.co.il/stream/kcm/17";
                          link9.innerText = "שבת";
                          link9.classList.add("button"); 
                          
                      	let link10 = document.createElement("a");
                          link10.href = "https://live.ecast.co.il/stream/kcm/19";
                          link10.innerText = "קומזיץ";
                          link10.classList.add("button"); 
                      
                          // Function to play/pause the audio and video
                          function playPauseMedia() {
                              let video = document.querySelector("video");
                              if (video) {
                                  if (video.paused) {
                                      video.play();
                                      playPauseButton.innerText = "II";
                                  } else {
                                      video.pause();
                                      playPauseButton.innerText = "▶";
                                  }
                              }
                          }
                      
                          // Create the play/pause button
                          let playPauseButton = document.createElement("button");
                          playPauseButton.innerText = "▶";
                          playPauseButton.classList.add("playPauseButton"); 
                          playPauseButton.style.position = "fixed";
                          playPauseButton.style.left = "50%";
                          playPauseButton.style.top = "30%";
                          playPauseButton.style.transform = "translateX(-50%)";
                          playPauseButton.style.width = "150px";
                          playPauseButton.style.height = "150px";
                          playPauseButton.style.fontSize = "60px";
                      
                          // Add event listener to the play/pause button
                          playPauseButton.addEventListener("click", playPauseMedia);
                      
                          // Create main div to hold links
                          let mainDiv = document.createElement("div");
                          mainDiv.style.display = "flex";
                          mainDiv.style.position = "fixed";
                          mainDiv.style.left = "50%";
                          mainDiv.style.top = "10px";
                          mainDiv.style.transform = "translateX(-50%)";
                          mainDiv.style.maxWidth = "100%";
                          mainDiv.style.direction = "rtl";
                          mainDiv.style.flexWrap = "wrap";
                      
                          // Create div to hold background image
                          let imageDiv = document.createElement("div");
                          imageDiv.style.backgroundImage = "url('https://kcm.fm/static/images/logo.svg')";
                          imageDiv.style.flexGrow = "1"; // Add flex-grow to occupy remaining space
                      
                          // Append links to main div
                          mainDiv.appendChild(link1);
                          mainDiv.appendChild(link2);
                          mainDiv.appendChild(link3);
                          mainDiv.appendChild(link4);
                          mainDiv.appendChild(link5);
                          mainDiv.appendChild(link6);
                          mainDiv.appendChild(link7);
                          mainDiv.appendChild(link8);
                          mainDiv.appendChild(link9);
                          mainDiv.appendChild(link10);
                      
                          // Append main div and play/pause button to body
                          document.body.appendChild(mainDiv);
                          document.body.appendChild(playPauseButton);
                      
                          // Add 'active' class to button if the current page matches the button's href
                          let links = [link1, link2, link3, link4, link5, link6, link7, link8, link9, link10];
                          let currentPage = window.location.href;
                      
                          links.forEach(function(link) {
                              if (link.href === currentPage) {
                                  link.classList.add("active");
                                  document.title = "קול חי מיוזיק - " + link.innerText; // Set the tab title
                              }
                          });
                              
                          if (window.location.href === "https://live.ecast.co.il/stream/kcm/") {
                              document.title = "קול חי מיוזיק";
                          }
                      
                          // Change the favicon
                          let faviconLink = document.createElement("link");
                          faviconLink.rel = "icon";
                          faviconLink.type = "image/x-icon";
                          faviconLink.href = "https://kcm.fm/favicon.ico";
                          faviconLink.id = "customFavicon";
                          
                          document.head.appendChild(faviconLink);
                      
                      })();
                      
                      
                      // Create the progress element
                      let videoProgress = document.createElement("progress");
                      videoProgress.style.position = "fixed";
                      videoProgress.style.left = "50%";
                      videoProgress.style.bottom = "20px";
                      videoProgress.style.transform = "translateX(-50%)";
                      videoProgress.style.width = "90%";
                      
                      // Create the time element
                      let timeElement = document.createElement("div");
                      timeElement.style.position = "fixed";
                      timeElement.style.left = "50%";
                      timeElement.style.bottom = "60px";
                      timeElement.style.transform = "translateX(-50%)";
                      timeElement.style.fontSize = "24px";
                      timeElement.style.color = "#fff";
                      
                      // Get the video element
                      let video = document.querySelector("video");
                      
                      // Add event listener to update the progress bar and time
                      video.addEventListener("timeupdate", function() {
                          let progress = video.currentTime / video.duration;
                          videoProgress.value = progress;
                      
                          let minutes = Math.floor(video.currentTime / 60);
                          let seconds = Math.floor(video.currentTime % 60);
                          timeElement.innerText = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
                      });
                      
                      // Append the progress and time elements to the body
                      document.body.appendChild(videoProgress);
                      document.body.appendChild(timeElement);
                      
                      
                      // Create the volume range input
                      let volumeRangeInput = document.createElement("input");
                      volumeRangeInput.type = "range";
                      volumeRangeInput.min = "0";
                      volumeRangeInput.max = "1";
                      volumeRangeInput.step = "0.01";
                      volumeRangeInput.value = "1";
                      volumeRangeInput.classList.add("volumeRangeInput");
                      volumeRangeInput.style.position = "fixed";
                      volumeRangeInput.style.left = "50%";
                      volumeRangeInput.style.bottom = "160px";
                      volumeRangeInput.style.transform = "translateX(-50%)";
                      volumeRangeInput.style.width = "200px";
                      
                      // Get the video element
                      let videoElement = document.querySelector("video");
                      
                      // Add event listener to control the volume
                      volumeRangeInput.addEventListener("input", function() {
                          videoElement.volume = volumeRangeInput.value;
                      });
                      
                      // Append the volume range input to the body
                      document.body.appendChild(volumeRangeInput);
                      

                      CSS

                      .button {
                          display: inline-block;
                          background-color: #007bff;
                          color: #fff;
                          padding: 10px 20px;
                          margin: 5px;
                          border-radius: 5px;
                          text-decoration: none;
                          transition: background-color 0.3s ease;
                      }
                      
                      .button:hover {
                          background-color: #0056b3;
                      }
                      
                      .button.active {
                          background-color: #00c1ff;
                      }
                      
                      .playPauseButton {
                          display: inline-block;
                          background-color: #007bff;
                          color: #fff;
                          padding: 10px 20px;
                          margin: 5px;
                          border-radius: 50%;
                          text-decoration: none;
                          transition: background-color 0.3s ease;
                          border: 0px !important;
                      }
                      
                      .playPauseButton:hover {
                          background-color: #0056b3;
                      }
                      
                      
                      video {
                          display: none;
                      }
                      
                      body {
                          background: #111
                      }
                      

                      מצ"ב גם תמונה.

                      9f7c38ec-c028-41c7-9f40-e7fb31aac118-image.png

                      O מנותק
                      O מנותק
                      one1010
                      כתב ב נערך לאחרונה על ידי
                      #11

                      @מעלה-ומוריד כתב בשיתוף - סקריפט לקול חי מיוזיק:

                      בקול חי מיוזיק היו לי 2 בעיות. פרסומות וניתוקים

                      בתוסף שלך אין פרסומות?!

                      dovidD תגובה 1 תגובה אחרונה
                      0
                      • O one1010

                        @מעלה-ומוריד כתב בשיתוף - סקריפט לקול חי מיוזיק:

                        בקול חי מיוזיק היו לי 2 בעיות. פרסומות וניתוקים

                        בתוסף שלך אין פרסומות?!

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

                        @one1010 כתב בשיתוף - סקריפט לקול חי מיוזיק:

                        בתוסף שלך אין פרסומות?!

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

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

                          @one1010 כתב בשיתוף - סקריפט לקול חי מיוזיק:

                          בתוסף שלך אין פרסומות?!

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

                          O מנותק
                          O מנותק
                          one1010
                          כתב ב נערך לאחרונה על ידי
                          #13

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

                          dovidD מעלה ומורידמ צדיק תמיםצ 3 תגובות תגובה אחרונה
                          0
                          • O one1010

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

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

                            @one1010 כתב בשיתוף - סקריפט לקול חי מיוזיק:

                            אבל בשידור עצמו יש פרסומות

                            לא ידעתי, אני לא מאזין.
                            אם אתה מאזין, איך זה שלא היית באתר? ואם אתה מדבר על הרדיו, למה אתה חושב שזה חלק מהשיר, הם עושים MIX דינמי.

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

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

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

                              @one1010 אין בקול חי מיוזיק פרסומות באמצע השידור, אלא כדברי @dovid רק בהתחלה ואת זה זה עוקף.

                              @dovid בעיקרון הטריגר שלי לשבת על הענין היה שהתוסף CleanerAndHelper הפסיק לחסום את הפרסומות שם...

                              מנע בזבוז זמן, זכה את הרבים!

                              nigunN O 2 תגובות תגובה אחרונה
                              1
                              • מעלה ומורידמ מעלה ומוריד

                                @one1010 אין בקול חי מיוזיק פרסומות באמצע השידור, אלא כדברי @dovid רק בהתחלה ואת זה זה עוקף.

                                @dovid בעיקרון הטריגר שלי לשבת על הענין היה שהתוסף CleanerAndHelper הפסיק לחסום את הפרסומות שם...

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

                                @מעלה-ומוריד
                                אני משתמש כבר כמה שנים באתר של @zvizvi
                                זה נחמד כי הוא מביא עוד אתרים חוץ מקול חי
                                https://דף-הבית.קום/מוזיקה

                                מייל: nigun@duck.com

                                תגובה 1 תגובה אחרונה
                                4
                                • O one1010

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

                                  צדיק תמיםצ מנותק
                                  צדיק תמיםצ מנותק
                                  צדיק תמים
                                  כתב ב נערך לאחרונה על ידי צדיק תמים
                                  #17

                                  @one1010 כתב בשיתוף - סקריפט לקול חי מיוזיק:

                                  @dovid אבל בשידור עצמו יש פרסומות, את זה מסתבר שהוא לא מסיר.

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

                                  Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
                                  טיפים

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

                                    אפשר להשתמש גם בנגנן הזה שבניתי, שמבוסס בעיקר על קול חי מיוזיק: https://madrichim.ovh/live

                                    Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
                                    טיפים

                                    תגובה 1 תגובה אחרונה
                                    8
                                    • dovidD dovid

                                      @one1010 כתב בשיתוף - סקריפט לקול חי מיוזיק:

                                      אבל בשידור עצמו יש פרסומות

                                      לא ידעתי, אני לא מאזין.
                                      אם אתה מאזין, איך זה שלא היית באתר? ואם אתה מדבר על הרדיו, למה אתה חושב שזה חלק מהשיר, הם עושים MIX דינמי.

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

                                      @dovid כתב בשיתוף - סקריפט לקול חי מיוזיק:

                                      ואם אתה מדבר על הרדיו,

                                      אני מדבר על הרדיו.
                                      לא הבנתי את השורה הבא:

                                      למה אתה חושב שזה חלק מהשיר, הם עושים MIX דינמי.

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

                                        @one1010 אין בקול חי מיוזיק פרסומות באמצע השידור, אלא כדברי @dovid רק בהתחלה ואת זה זה עוקף.

                                        @dovid בעיקרון הטריגר שלי לשבת על הענין היה שהתוסף CleanerAndHelper הפסיק לחסום את הפרסומות שם...

                                        O מנותק
                                        O מנותק
                                        one1010
                                        כתב ב נערך לאחרונה על ידי
                                        #20

                                        @מעלה-ומוריד כתב בשיתוף - סקריפט לקול חי מיוזיק:

                                        @one1010 אין בקול חי מיוזיק פרסומות באמצע השידור

                                        בשידור ברדיו?! 99% שיש...

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

                                          בקול חי מיוזיק היו לי 2 בעיות. פרסומות וניתוקים
                                          לכן תמיד השתמשתי בכתובת ההזרמה עצמה https://live.ecast.co.il/stream/kcm/*
                                          באדיבות GPT מצורף כאן סקריפט להקלת השימוש באופן זה, כאשר מכל דף תחת הדומיין הנ"ל יופיעו הקיצורים לשאר ההזרמות + שיפורי עיצוב.
                                          הכתובת https://live.ecast.co.il/stream/kcm/ אצלי כסימניה, ומשם ואילך השימוש קליל ונוח, וזורם...
                                          אמנם אין כאן אלא את ההזרמות שהכנסתי, השימושיות שלי, אולם ניתן להתאים את הקוד כל אחד כרצונו.
                                          יכול להיות שלא יתאים לכל מסך, אפשר לשחק עם הCSS בשביל להתאים, אחרי הכל התאמתי את זה למסך שלי...

                                          תוסף קליל להזרקת JS ו CSS בחדא מחתא: https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld
                                          יש להכניס את הכתובות: https://live.ecast.co.il/stream/kcm/*,https://media2.93fm.co.il/livemusic

                                          97bc22cd-edb3-489f-9332-95cfe6b7e120-image.png

                                          JS

                                          (function() {
                                              'use strict';
                                          
                                              // Create the links
                                              let link1 = document.createElement("a");
                                              link1.href = "https://media2.93fm.co.il/livemusic";
                                              link1.innerText = "Live";
                                              link1.classList.add("button"); 
                                          
                                              let link2 = document.createElement("a");
                                              link2.href = "https://live.ecast.co.il/stream/kcm/35";
                                              link2.innerText = "הפלייליסט";
                                              link2.classList.add("button"); 
                                          
                                              let link3 = document.createElement("a");
                                              link3.href = "https://live.ecast.co.il/stream/kcm/39";
                                              link3.innerText = "ישי ריבו";
                                              link3.classList.add("button"); 
                                          
                                              let link4 = document.createElement("a");
                                              link4.href = "https://live.ecast.co.il/stream/kcm/7";
                                              link4.innerText = "קרליבך";
                                              link4.classList.add("button"); 
                                          
                                              let link5 = document.createElement("a");
                                              link5.href = "https://live.ecast.co.il/stream/kcm/11";
                                              link5.innerText = "בין הערבים";
                                              link5.classList.add("button"); 
                                          
                                              let link6 = document.createElement("a");
                                              link6.href = "https://live.ecast.co.il/stream/kcm/10";
                                              link6.innerText = "נעימות";
                                              link6.classList.add("button"); 
                                          
                                              let link7 = document.createElement("a");
                                              link7.href = "https://live.ecast.co.il/stream/kcm/16";
                                              link7.innerText = "MBD";
                                              link7.classList.add("button"); 
                                          
                                              let link8 = document.createElement("a");
                                              link8.href = "https://live.ecast.co.il/stream/kcm/15";
                                              link8.innerText = "פריד";
                                              link8.classList.add("button"); 
                                          
                                              let link9 = document.createElement("a");
                                              link9.href = "https://live.ecast.co.il/stream/kcm/17";
                                              link9.innerText = "שבת";
                                              link9.classList.add("button"); 
                                              
                                          	let link10 = document.createElement("a");
                                              link10.href = "https://live.ecast.co.il/stream/kcm/19";
                                              link10.innerText = "קומזיץ";
                                              link10.classList.add("button"); 
                                          
                                              // Function to play/pause the audio and video
                                              function playPauseMedia() {
                                                  let video = document.querySelector("video");
                                                  if (video) {
                                                      if (video.paused) {
                                                          video.play();
                                                          playPauseButton.innerText = "II";
                                                      } else {
                                                          video.pause();
                                                          playPauseButton.innerText = "▶";
                                                      }
                                                  }
                                              }
                                          
                                              // Create the play/pause button
                                              let playPauseButton = document.createElement("button");
                                              playPauseButton.innerText = "▶";
                                              playPauseButton.classList.add("playPauseButton"); 
                                              playPauseButton.style.position = "fixed";
                                              playPauseButton.style.left = "50%";
                                              playPauseButton.style.top = "30%";
                                              playPauseButton.style.transform = "translateX(-50%)";
                                              playPauseButton.style.width = "150px";
                                              playPauseButton.style.height = "150px";
                                              playPauseButton.style.fontSize = "60px";
                                          
                                              // Add event listener to the play/pause button
                                              playPauseButton.addEventListener("click", playPauseMedia);
                                          
                                              // Create main div to hold links
                                              let mainDiv = document.createElement("div");
                                              mainDiv.style.display = "flex";
                                              mainDiv.style.position = "fixed";
                                              mainDiv.style.left = "50%";
                                              mainDiv.style.top = "10px";
                                              mainDiv.style.transform = "translateX(-50%)";
                                              mainDiv.style.maxWidth = "100%";
                                              mainDiv.style.direction = "rtl";
                                              mainDiv.style.flexWrap = "wrap";
                                          
                                              // Create div to hold background image
                                              let imageDiv = document.createElement("div");
                                              imageDiv.style.backgroundImage = "url('https://kcm.fm/static/images/logo.svg')";
                                              imageDiv.style.flexGrow = "1"; // Add flex-grow to occupy remaining space
                                          
                                              // Append links to main div
                                              mainDiv.appendChild(link1);
                                              mainDiv.appendChild(link2);
                                              mainDiv.appendChild(link3);
                                              mainDiv.appendChild(link4);
                                              mainDiv.appendChild(link5);
                                              mainDiv.appendChild(link6);
                                              mainDiv.appendChild(link7);
                                              mainDiv.appendChild(link8);
                                              mainDiv.appendChild(link9);
                                              mainDiv.appendChild(link10);
                                          
                                              // Append main div and play/pause button to body
                                              document.body.appendChild(mainDiv);
                                              document.body.appendChild(playPauseButton);
                                          
                                              // Add 'active' class to button if the current page matches the button's href
                                              let links = [link1, link2, link3, link4, link5, link6, link7, link8, link9, link10];
                                              let currentPage = window.location.href;
                                          
                                              links.forEach(function(link) {
                                                  if (link.href === currentPage) {
                                                      link.classList.add("active");
                                                      document.title = "קול חי מיוזיק - " + link.innerText; // Set the tab title
                                                  }
                                              });
                                                  
                                              if (window.location.href === "https://live.ecast.co.il/stream/kcm/") {
                                                  document.title = "קול חי מיוזיק";
                                              }
                                          
                                              // Change the favicon
                                              let faviconLink = document.createElement("link");
                                              faviconLink.rel = "icon";
                                              faviconLink.type = "image/x-icon";
                                              faviconLink.href = "https://kcm.fm/favicon.ico";
                                              faviconLink.id = "customFavicon";
                                              
                                              document.head.appendChild(faviconLink);
                                          
                                          })();
                                          
                                          
                                          // Create the progress element
                                          let videoProgress = document.createElement("progress");
                                          videoProgress.style.position = "fixed";
                                          videoProgress.style.left = "50%";
                                          videoProgress.style.bottom = "20px";
                                          videoProgress.style.transform = "translateX(-50%)";
                                          videoProgress.style.width = "90%";
                                          
                                          // Create the time element
                                          let timeElement = document.createElement("div");
                                          timeElement.style.position = "fixed";
                                          timeElement.style.left = "50%";
                                          timeElement.style.bottom = "60px";
                                          timeElement.style.transform = "translateX(-50%)";
                                          timeElement.style.fontSize = "24px";
                                          timeElement.style.color = "#fff";
                                          
                                          // Get the video element
                                          let video = document.querySelector("video");
                                          
                                          // Add event listener to update the progress bar and time
                                          video.addEventListener("timeupdate", function() {
                                              let progress = video.currentTime / video.duration;
                                              videoProgress.value = progress;
                                          
                                              let minutes = Math.floor(video.currentTime / 60);
                                              let seconds = Math.floor(video.currentTime % 60);
                                              timeElement.innerText = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
                                          });
                                          
                                          // Append the progress and time elements to the body
                                          document.body.appendChild(videoProgress);
                                          document.body.appendChild(timeElement);
                                          
                                          
                                          // Create the volume range input
                                          let volumeRangeInput = document.createElement("input");
                                          volumeRangeInput.type = "range";
                                          volumeRangeInput.min = "0";
                                          volumeRangeInput.max = "1";
                                          volumeRangeInput.step = "0.01";
                                          volumeRangeInput.value = "1";
                                          volumeRangeInput.classList.add("volumeRangeInput");
                                          volumeRangeInput.style.position = "fixed";
                                          volumeRangeInput.style.left = "50%";
                                          volumeRangeInput.style.bottom = "160px";
                                          volumeRangeInput.style.transform = "translateX(-50%)";
                                          volumeRangeInput.style.width = "200px";
                                          
                                          // Get the video element
                                          let videoElement = document.querySelector("video");
                                          
                                          // Add event listener to control the volume
                                          volumeRangeInput.addEventListener("input", function() {
                                              videoElement.volume = volumeRangeInput.value;
                                          });
                                          
                                          // Append the volume range input to the body
                                          document.body.appendChild(volumeRangeInput);
                                          

                                          CSS

                                          .button {
                                              display: inline-block;
                                              background-color: #007bff;
                                              color: #fff;
                                              padding: 10px 20px;
                                              margin: 5px;
                                              border-radius: 5px;
                                              text-decoration: none;
                                              transition: background-color 0.3s ease;
                                          }
                                          
                                          .button:hover {
                                              background-color: #0056b3;
                                          }
                                          
                                          .button.active {
                                              background-color: #00c1ff;
                                          }
                                          
                                          .playPauseButton {
                                              display: inline-block;
                                              background-color: #007bff;
                                              color: #fff;
                                              padding: 10px 20px;
                                              margin: 5px;
                                              border-radius: 50%;
                                              text-decoration: none;
                                              transition: background-color 0.3s ease;
                                              border: 0px !important;
                                          }
                                          
                                          .playPauseButton:hover {
                                              background-color: #0056b3;
                                          }
                                          
                                          
                                          video {
                                              display: none;
                                          }
                                          
                                          body {
                                              background: #111
                                          }
                                          

                                          מצ"ב גם תמונה.

                                          9f7c38ec-c028-41c7-9f40-e7fb31aac118-image.png

                                          משושמ מנותק
                                          משושמ מנותק
                                          משוש
                                          כתב ב נערך לאחרונה על ידי משוש
                                          #21

                                          האתר הזה מעולה
                                          https://myhomepage.ml/music
                                          048cc4b9-1a5e-4447-8ca8-c11abfdb0727-image.png

                                          אהבת תן לייק (חץ פיצפון צד שמאל למטה)

                                          תגובה 1 תגובה אחרונה
                                          0
                                          תגובה
                                          • תגובה כנושא
                                          התחברו כדי לפרסם תגובה
                                          • מהישן לחדש
                                          • מהחדש לישן
                                          • הכי הרבה הצבעות


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

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

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