Butona ses ekleme

c4nresmi · 30 Mar 2022

herkese iyi geceler html butonuna ses eklemek istiyorum nasıl yapıcam mesela
kod bu düzgün çalışıyo ama 2.kez eklediğimde farklı eklediğim ses çalmıyo aynı ses çıkıyo değişmiyo nasıl yapıcam yardım edermisiniz

<div class="col-lg-8 mt-5 mt-lg-0">

<head>
<title>Deneme</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/oynat.js"></script>
</head>
<body>

<div onClick="AhmetOnurSlmzoynat();" > <audio id="pl">
<source src="sesler/denemeses.mp3" //BurayaMüzikDosyanızınDizininiYazacaksınız type="audio/mpeg">
</audio> <button style="background-color:green;color:black;width:60%;"> <b> KALDIR <b> </div>

</body>
</div>

'CaptainKanka · 30 Mar 2022

hazır kod kullanmışsın internetten buldum.
Yapman gereken indirdiğin dosyaların içindeki js klasöründeki oynat.js ye girip

JavaScript:

function AhmetOnurSlmzoynat(){
var player= document.getElementById('p1');
player.play();}

bu kodun altına

JavaScript:

function AhmetOnurSlmzoynat2(){
var player= document.getElementById('p2');
player.play();}

Bu kodu ekleyip arasındaki değişiklikleri öğrenmek. Yani ahmetonurslmoynat ın yanına 2 ekledik ve getelenebtbyıd ın içini p2 yaptık.

Artık 2 id li resim veya butona tıklanınca ahmetonurslmoynat2 fonksiyonunu oynatacak.

Şimdi ana sayfamıza yeni bir buton ekleyelim ki ben kopyala yapıştır atıyorum. Resmi aynı bırakıp sadece zil sesini değiştiriyorum

HTML:

<div onClick="AhmetOnurSlmzoynat2();" > <audio id="p2">
  <source src="sounds/bell_ring.mp3" //BurayaMüzikDosyanızınDizininiYazacaksınız type="audio/mpeg">
</audio> <img src="images/telefon.png" width="120" height="90" ></div>

Buradada ahmetonurslmoynat ın yanına 2 ekledik ve id yi p2 yaptık işlem tamam sizde her ekleyeceğinizde oynat js nin içine ahmetonurslmoynat3 ve p3 değişikliği yapıp html sayfanızda da aynı değişikliklerle ekleme yapmanız gerekmektedir.

İyi Forumlar

c4nresmi · 30 Mar 2022

'CaptainKanka' Alıntı:
hazır kod kullanmışsın internetten buldum.
Yapman gereken indirdiğin dosyaların içindeki js klasöründeki oynat.js ye girip

JavaScript:

function AhmetOnurSlmzoynat(){ var player= document.getElementById('p1'); player.play();}

bu kodun altına

JavaScript:

function AhmetOnurSlmzoynat2(){ var player= document.getElementById('p2'); player.play();}

Bu kodu ekleyip arasındaki değişiklikleri öğrenmek. Yani ahmetonurslmoynat ın yanına 2 ekledik ve getelenebtbyıd ın içini p2 yaptık.

Artık 2 id li resim veya butona tıklanınca ahmetonurslmoynat2 fonksiyonunu oynatacak.

Şimdi ana sayfamıza yeni bir buton ekleyelim ki ben kopyala yapıştır atıyorum. Resmi aynı bırakıp sadece zil sesini değiştiriyorum

HTML:

<div onClick="AhmetOnurSlmzoynat2();" > <audio id="p2"> <source src="sounds/bell_ring.mp3" //BurayaMüzikDosyanızınDizininiYazacaksınız type="audio/mpeg"> </audio> <img src="images/telefon.png" width="120" height="90" ></div>

Buradada ahmetonurslmoynat ın yanına 2 ekledik ve id yi p2 yaptık işlem tamam sizde her ekleyeceğinizde oynat js nin içine ahmetonurslmoynat3 ve p3 değişikliği yapıp html sayfanızda da aynı değişikliklerle ekleme yapmanız gerekmektedir.

İyi Forumlar

Yardımın için çok teşekkür ederim denedim ilk başta olmadı oynat.js denileni eklediğimde oynat2.js dosyası açıp tekrar yaptım oldu yani 2. bi js dosyasına kurdum

İyi forumlar.

'CaptainKanka · 30 Mar 2022

c4nresmi' Alıntı:
Yardımın için çok teşekkür ederim denedim ilk başta olmadı oynat.js denileni eklediğimde oynat2.js dosyası açıp tekrar yaptım oldu yani 2. bi js dosyasına kurdum

İyi forumlar.

buna gerek yok, {} lerin dışına kaydedersen çalışacaktır. orada muhtemelen içine kaydettin.

Butona ses ekleme

c4nresmi

Yeni üye

'CaptainKanka

Uzman üye

c4nresmi

Yeni üye

'CaptainKanka

Uzman üye

Sosyal medya sayfalarımız