Çözüldü HTML ve JavaScript ile siteye nasıl müzik eklenir?

CLANSA · 7 Haziran 2023

Hocam bir şarkı seçtim. O şarkıyı nasıl siteme eklerim? Play button ekledim ona basınca istediğim şarkının çalmasını istiyorum. GPT'ye soruyorum boş boş kodlar veriyor işe yararmıyor. Yani kısaca eklediğim play butona basınca istediğim şarkı açılsın istiyorum. Kodların fotoğraflarını atıyorum.

300319 · 7 Haziran 2023

Bunu siliniz.

Eğer olmazsa aynı bu şekilde kodu yapıştırın.

HTML:

<i class="fas fa-play play-button" title="Play" onclick="music_event()">></i>
<audio id="audio" src="C:/Users/EFE/Desktop/YAZILIM/ANGUSSify/sound/dehavf.mp3"></audio>
   
    <script>
        var audio = document.getElementById("audio");

        function music_event() {
            return audio.paused ? audio.play() : audio.pause();
        };
    </script>

@Vavien. en uygun şekilde böyle anlatabilirim

300319 · 7 Haziran 2023

Öyle olmaz. Farklı tuşa veya double click olayına koyun.

Çift tıklarsanız durur, tek tıklarsanız başlar.

Bu şekilde yani;

HTML:

<i class="fas fa-play play-button" title="Play" onclick="play()" ondblclick="pause()">></i>

CLANSA · 7 Haziran 2023

Roines dedi:
Öyle olmaz. Farklı tuşa veya double click olayına koyun.

Çift tıklarsanız durur, tek tıklarsanız başlar.

Bu şekilde yani;

HTML:

<i class="fas fa-play play-button" title="Play" onclick="play()" ondblclick="pause()">></i>

Hocam bunu da yaptım yine olmadı.

Vavien. · 7 Haziran 2023

Class ekleyin. ClassListe toggle yapın. O Class varsa çalsın. Yoksa dursun.

300319 · 7 Haziran 2023

@Vavien. bunu düşündüm hocam da anlatmak mesele. Kullanıcı yeni başlamış.

@ANGUSS son halini atar mısınız?

CLANSA · 7 Haziran 2023

Biraz bekletsem olur mu hocam? Pause buton ekliyorum. Eğer olmazsa yazacağım.

300319 · 7 Haziran 2023

JavaScript eklememişsiniz

Script etiketleri içini bu şekilde değiştiriniz.

JavaScript:

function play() {
     var audio = document.getElementById("audio");
     audio.play();
}

function pause() {
     var audio = document.getElementById("audio");
     audio.pause();
}

CLANSA · 7 Haziran 2023

Roines dedi:
JavaScript eklememişsiniz

Script etiketleri içini bu şekilde değiştiriniz.

JavaScript:

function play() { var audio = document.getElementById("audio"); audio.play(); } function pause() { var audio = document.getElementById("audio"); audio.pause(); }

Hocam maalesef yine yok.

300319 · 7 Haziran 2023

@ANGUSS şimdi, durdurmak için çift tıklamanız lazım. Başlatmak için tek tıklamanız lazım.

CLANSA · 7 Haziran 2023

Roines dedi:
@ANGUSS şimdi, durdurmak için çift tıklamanız lazım. Başlatmak için tek tıklamanız lazım.

Maalesef hocam yine olmadı. Tüm kodları atayim mi? Biraz uzun olur ama.

300319 · 7 Haziran 2023

Gerek yok.

Şimdi bu kodu kendi kodunuz ile değiştiriniz ilgili yerleri.

HTML:

    <script>
        var music = document.getElementById("audio");
        var play_mode = false;
  
        function music_event() {
          play_mode ? music.pause() : music.play();
        };
  
        music.onplaying = function() {
          play_mode = true;
        };
        music.onpause = function() {
          play_mode = false;
        };
    </script>

    <i class="fas fa-play play-button" title="Play" onclick="music_event()">></i>

Çözüldü HTML ve JavaScript ile siteye nasıl müzik eklenir?

Ayrıntılı düzenleme

CLANSA

Hectopat

Dosya Ekleri

300319

300319

Zettapat

CLANSA

Hectopat

Vavien.

Zettapat

300319

Zettapat

CLANSA

Hectopat

300319

Zettapat

CLANSA

Hectopat

300319

Zettapat

CLANSA

Hectopat

300319

Zettapat

Benzer konular