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

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

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

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

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