Çözüldü HTML sayfasında müziklerin aynı anda çalması nasıl engellenir?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

ozan_dm

Femtopat
Katılım
11 Şubat 2023
Mesajlar
5
Daha fazla  
Cinsiyet
Erkek
Merhaba herkese.
Sayfamda 5 tane MP3 var.
Bunlardan biri çalarken diğerlerinde play tuşuna basıldığında bir öncekini iptal etmesini istiyorum. Yani, aynı anda hepsi çalınamasın istiyorum. Bu mümkün müdür?

Kodlar şu şekilde:
<Tbody>
<Td>müzik 1</td>
<Td> <audio ID="Audio" src="muzik/n1.mp3" controls >
</Audio>

<Script>
Var ses = document. Getelementbyıd("Audio");
Var liste = document. Queryselectorall("#liste li");
Var index =liste. Length;
Liste[0].style. Color="Blue";
Y = 0;

[].forEach.call(liste , function(el,i) {
el.onclick=function(){
for(var j=0; j<=index-1; j++){
liste[j].style. Color="";
}
El. Style. Color="Blue";
// Liste[i-1].style. Color="";
Var X= el. Getattribute("data-src");
Ses. Src = X;
Y = i;
}

});

Ses. Addeventlistener("ended", function(){
Y++;

İf(index==y){
Y = 0;
Liste[index-1].style. Color="";
}
İf(y==0){}else
Liste[y-1].style. Color="";
Liste[y].style. Color="Blue";
Ad = liste[y].getattribute("data-src");
Ses. Src = ad;

});
</Script></td>
</Tr>
<Tr>
 

Dosya Ekleri

  • ss.png
    ss.png
    47,6 KB · Görüntüleme: 49
Çözüm
Biraz düzenlemeye de çalıştım ama kontrol edip dönersiniz çalışıp çalışmadığını

HTML:
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Başlıksız Belge</title>
    <link rel="stylesheet" href="style_muzik.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  </head>
  <body>
    <div class="container">
      <div class="ust">
        <ul>
          <li><a href="iletisim.html">İletişim</a><a href="muzik.html">Müzik</a><a href="yayinlar.html">Yayınlar</a><a href="bio.html">Özgeçmiş</a><a href="index.html">Ana Sayfa</a></li>
        </ul>
      </div>
      <div class="sablon">
        <div class="nokturn"></div><a href="https://tinyurl.com/bdh8hdcw">
          <div class="amazon"></div>
        </a>
        <div class="sol">
          <table class>
            <colgroup>
              <col>
              <col>
            </colgroup>
            <thread>
              <tr>
                <th></th>
                <th></th>
              </tr>
            </thread>
            <tbody>
              <td>Noktürn No.1 B-flat Major</td>
              <td><audio id="audio" src="muzik/n1.mp3" controls></audio></td>
              </tr>
              <tr>
                <td>Noktürn No.2 A Major</td>
                <td><audio id="audio" src="muzik/n2.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.3 C minor</td>
              <td><audio id="audio" src="muzik/n3.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.4 B-flat minor</td>
              <td><audio id="audio" src="muzik/n4.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.5 B minor</td>
              <td><audio id="audio" src="muzik/n5.mp3" controls></audio></td>
              </tr>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="sag"><iframe width="560" height="315" src="https://www.youtube.com/embed/gwBjaDGy-gA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
      </div>
    </div>
    <div class="footer">
      <p>© 2023 All rights reserved. / Tüm hakları saklıdır.</p>
    </div>
  </body>
  <script>
    $("audio").on("play", function() {
      $("audio").not(this).each(function(index, audio) {
        audio.pause();
      });
    });
  </script>
</html>
jQuery ile yapabilirsin, bunun için önce html sayfana jQuery tanıtman gerekecek.

head etiketi içerisine :

HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $("audio").on("play", function() {
        $("audio").not(this).each(function(index, audio) {
            audio.pause();
        });
    });
</script>

Bu şekilde çalışıyor olması gerek.
 
yfana jQuery tanıtman gerekecek.
jQuery ile yapabilirsin, bunun için önce html sayfana jQuery tanıtman gerekecek.

head etiketi içerisine :

HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $("audio").on("play", function() {
        $("audio").not(this).each(function(index, audio) {
            audio.pause();
        });
    });
</script>

Bu şekilde çalışıyor olması gerek.
Çok teşekkürler. Yazılımcı değilim, hobi olarak kendi kendime öğrendiğimden sanırım bu dediğinizi yapamam. Bilgimi aşıyor. Çok teşekkür ederim yine de
 
Çok teşekkürler. Yazılımcı değilim, hobi olarak kendi kendime öğrendiğimden sanırım bu dediğinizi yapamam. Bilgimi aşıyor. Çok teşekkür ederim yine de
Bütün kodlarını buraya eklersen, sana çalışır halini atarım sen de eskisini silip benim yazdığım yeni kodları yapıştırırsan istediğin şeyi yapmış olursun :)
 
Bütün kodlarını buraya eklersen, sana çalışır halini atarım sen de eskisini silip benim yazdığım yeni kodları yapıştırırsan istediğin şeyi yapmış olursun :)
Süper olur, çok teşekkürler :)

Html kodları şu şekilde (5 tane audio dosyam var):

Kod:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Başlıksız Belge</title>
<link rel="stylesheet" href="style_muzik.css"/>
</head>
<body>
<div class="container">

                <div class="ust">
                <ul>
                   <li>
                 <a href="iletisim.html">İletişim</a>
                <a href="muzik.html">Müzik</a>
                <a href="yayinlar.html">Yayınlar</a>
                   <a href="bio.html">Özgeçmiş</a>
                <a href="index.html">Ana Sayfa</a></li>
                </ul>
                </div>

                    <div class="sablon">
                        <div class="nokturn"></div>
                        <a href="Piyano İçin 5 Noktürn : H. Ozan Demirtaş: Amazon.com.tr: Kitap"><div class="amazon"></div></a>
                          
                      
                                <div class="sol">
                                <table class>

                                <colgroup>
                                    <col>
                                    <col>
                                </colgroup>
                              
                                <thread>
                              
                                    <tr>
                                        <th></th>
                                        <th></th>
                          
                                    </tr>
                                </thread>
                                <tbody>
                                        <td>Noktürn No.1 B-flat Major</td>
                                        <td>    <audio id="audio" src="muzik/n1.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                    <tr>
                                        <td>Noktürn No.2  A Major</td>
                                        <td>    <audio id="audio" src="muzik/n2.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                        <td>Noktürn No.3 C minor</td>
                                        <td>    <audio id="audio" src="muzik/n3.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                         <td>Noktürn No.4 B-flat minor</td>
                                         <td>    <audio id="audio" src="muzik/n4.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                        <td>Noktürn No.5 B minor</td>
                                        <td>    <audio id="audio" src="muzik/n5.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                     </tr>
                                    </tr>
                                </tbody>
                            </table>   


                            </div>
                                                    <div class="sag">
                                                        <iframe width="560" height="315" src="[MEDIA=youtube]gwBjaDGy-gA[/MEDIA]" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>   
                                                    </div>
                    </div>


</div>

<div class="footer"><p>© 2023 All rights reserved. / Tüm hakları saklıdır.</p></div>

</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Başlıksız Belge</title>
<link rel="stylesheet" href="style_muzik.css"/>
</head>
<body>
<div class="container">

                <div class="ust">
                <ul>
                   <li>
                 <a href="iletisim.html">İletişim</a>
                <a href="muzik.html">Müzik</a>
                <a href="yayinlar.html">Yayınlar</a>
                   <a href="bio.html">Özgeçmiş</a>
                <a href="index.html">Ana Sayfa</a></li>
                </ul>
                </div>

                    <div class="sablon">
                        <div class="nokturn"></div>
                        <a href="Piyano İçin 5 Noktürn : H. Ozan Demirtaş: Amazon.com.tr: Kitap"><div class="amazon"></div></a>
                          
                      
                                <div class="sol">
                                <table class>

                                <colgroup>
                                    <col>
                                    <col>
                                </colgroup>
                              
                                <thread>
                              
                                    <tr>
                                        <th></th>
                                        <th></th>
                          
                                    </tr>
                                </thread>
                                <tbody>
                                        <td>Noktürn No.1 B-flat Major</td>
                                        <td>    <audio id="audio" src="muzik/n1.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                    <tr>
                                        <td>Noktürn No.2  A Major</td>
                                        <td>    <audio id="audio" src="muzik/n2.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                        <td>Noktürn No.3 C minor</td>
                                        <td>    <audio id="audio" src="muzik/n3.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                         <td>Noktürn No.4 B-flat minor</td>
                                         <td>    <audio id="audio" src="muzik/n4.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                    </tr>
                                        <td>Noktürn No.5 B minor</td>
                                        <td>    <audio id="audio" src="muzik/n5.mp3" controls >
                                </audio>
                          
                                <script>
                                  var ses = document.getElementById("audio");
                                  var liste = document.querySelectorAll("#liste li");
                                  var index =liste.length;
                                 liste[0].style.color="blue";
                                 y=0;
                                
                             [].forEach.call(liste , function(el,i) {
                                   el.onclick=function(){
                                       for(var j=0; j<=index-1; j++){
                                    liste[j].style.color="";
                                     }
                                       el.style.color="blue";
                                      // liste[i-1].style.color="";
                                       var x= el.getAttribute("data-src");
                                       ses.src=x;
                                       y=i;
                                       }
                                  
                                     });
                            
                                ses.addEventListener("ended", function(){
                                y++;
                              
                                if(index==y){
                                y=0;
                                liste[index-1].style.color="";
                                }
                                if(y==0){}else
                                liste[y-1].style.color="";
                                liste[y].style.color="blue";
                                ad = liste[y].getAttribute("data-src"); 
                                 ses.src=ad;
                              
                            });
                                </script></td>
                                     </tr>
                                    </tr>
                                </tbody>
                            </table>   


                            </div>
                                                    <div class="sag">
                                                        <iframe width="560" height="315" src="[MEDIA=youtube]gwBjaDGy-gA[/MEDIA]" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>   
                                                    </div>
                    </div>


</div>

<div class="footer"><p>© 2023 All rights reserved. / Tüm hakları saklıdır.</p></div>

</body>
</html>
 
Son düzenleyen: Moderatör:
Biraz düzenlemeye de çalıştım ama kontrol edip dönersiniz çalışıp çalışmadığını

HTML:
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Başlıksız Belge</title>
    <link rel="stylesheet" href="style_muzik.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  </head>
  <body>
    <div class="container">
      <div class="ust">
        <ul>
          <li><a href="iletisim.html">İletişim</a><a href="muzik.html">Müzik</a><a href="yayinlar.html">Yayınlar</a><a href="bio.html">Özgeçmiş</a><a href="index.html">Ana Sayfa</a></li>
        </ul>
      </div>
      <div class="sablon">
        <div class="nokturn"></div><a href="https://tinyurl.com/bdh8hdcw">
          <div class="amazon"></div>
        </a>
        <div class="sol">
          <table class>
            <colgroup>
              <col>
              <col>
            </colgroup>
            <thread>
              <tr>
                <th></th>
                <th></th>
              </tr>
            </thread>
            <tbody>
              <td>Noktürn No.1 B-flat Major</td>
              <td><audio id="audio" src="muzik/n1.mp3" controls></audio></td>
              </tr>
              <tr>
                <td>Noktürn No.2 A Major</td>
                <td><audio id="audio" src="muzik/n2.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.3 C minor</td>
              <td><audio id="audio" src="muzik/n3.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.4 B-flat minor</td>
              <td><audio id="audio" src="muzik/n4.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.5 B minor</td>
              <td><audio id="audio" src="muzik/n5.mp3" controls></audio></td>
              </tr>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="sag"><iframe width="560" height="315" src="https://www.youtube.com/embed/gwBjaDGy-gA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
      </div>
    </div>
    <div class="footer">
      <p>© 2023 All rights reserved. / Tüm hakları saklıdır.</p>
    </div>
  </body>
  <script>
    $("audio").on("play", function() {
      $("audio").not(this).each(function(index, audio) {
        audio.pause();
      });
    });
  </script>
</html>
 
Çözüm
Biraz düzenlemeye de çalıştım ama kontrol edip dönersiniz çalışıp çalışmadığını

HTML:
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Başlıksız Belge</title>
    <link rel="stylesheet" href="style_muzik.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  </head>
  <body>
    <div class="container">
      <div class="ust">
        <ul>
          <li><a href="iletisim.html">İletişim</a><a href="muzik.html">Müzik</a><a href="yayinlar.html">Yayınlar</a><a href="bio.html">Özgeçmiş</a><a href="index.html">Ana Sayfa</a></li>
        </ul>
      </div>
      <div class="sablon">
        <div class="nokturn"></div><a href="https://tinyurl.com/bdh8hdcw">
          <div class="amazon"></div>
        </a>
        <div class="sol">
          <table class>
            <colgroup>
              <col>
              <col>
            </colgroup>
            <thread>
              <tr>
                <th></th>
                <th></th>
              </tr>
            </thread>
            <tbody>
              <td>Noktürn No.1 B-flat Major</td>
              <td><audio id="audio" src="muzik/n1.mp3" controls></audio></td>
              </tr>
              <tr>
                <td>Noktürn No.2 A Major</td>
                <td><audio id="audio" src="muzik/n2.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.3 C minor</td>
              <td><audio id="audio" src="muzik/n3.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.4 B-flat minor</td>
              <td><audio id="audio" src="muzik/n4.mp3" controls></audio></td>
              </tr>
              <td>Noktürn No.5 B minor</td>
              <td><audio id="audio" src="muzik/n5.mp3" controls></audio></td>
              </tr>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="sag"><iframe width="560" height="315" src="https://www.youtube.com/embed/gwBjaDGy-gA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
      </div>
    </div>
    <div class="footer">
      <p>© 2023 All rights reserved. / Tüm hakları saklıdır.</p>
    </div>
  </body>
  <script>
    $("audio").on("play", function() {
      $("audio").not(this).each(function(index, audio) {
        audio.pause();
      });
    });
  </script>
</html>
Evet, çalıştı :)
Çok teşekkür ederim.
Bu tarz şeyleri öğrenmek için Jquery, Javascript mi öğrenmek gerekiyor, yoksa HTML yeterli olur mu?
Ücretli danışmanlık veriyor musunuz? :)
 
Evet, çalıştı :)
Çok teşekkür ederim.
Bu tarz şeyleri öğrenmek için Jquery, Javascript mi öğrenmek gerekiyor, yoksa HTML yeterli olur mu?
Ücretli danışmanlık veriyor musunuz? :)
HTML’i sadece iskelet düşünün, CSS iskeletin görüntüsünü, JavaScript’de iskeletin hareketlerini temsil eder. Yani sadece HTML yeterli değil. Js de öğrenmelisiniz.
Öyle bir hizmet vermiyorum maalesef, takıldığınız yerlerde konuya adımı etiketlerseniz müsait oldukça cevap verebilirim. :)
 
nuya adımı etiketlerseniz
HTML’i sadece iskelet düşünün, CSS iskeletin görüntüsünü, JavaScript’de iskeletin hareketlerini temsil eder. Yani sadece HTML yeterli değil. Js de öğrenmelisiniz.
Öyle bir hizmet vermiyorum maalesef, takıldığınız yerlerde konuya adımı etiketlerseniz müsait oldukça cevap verebilirim. :)
Anladım. Teşekkür ederim :)
 

Technopat Haberler

Geri
Yukarı