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

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

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

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

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

    בקול חי מיוזיק היו לי 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
                                        • dovidD מחובר
                                          dovidD מחובר
                                          dovid
                                          ניהול
                                          כתב ב נערך לאחרונה על ידי
                                          #22

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

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


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

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

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