یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
سامان سرمدی
2 سال پیش توسط سامان سرمدی مطرح شد
3 پاسخ

تغیر volume موسیقی با js

سلام دوستان خسته نباشید 🌹
قطعا خیلیا مون دیدیم صدای موزیک رو چطور با یک progress تغیر میدیم حالا اگه ما بخوایم یک موزیک پلیر سفارشی درست کنیم این قابلیت رو چطوری باید ایجاد کنیم ؟
ممنون میشم جواب بدید سپاس 🌹🌹


ثبت پرسش جدید
سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
1

سلام از این نمونه کد استفاده کنید
کد HTML به این صورته:

<audio id="*****" autoplay="autoplay">
  Your browser does not support the audio format.
</audio> 
<div id="audio_player" style="">
<input type="range" id="volume-bar" title="volume" min="0" max="10" step="1" value="10">
</div>

کد جاوااسکریپت هم به این صورته:

var player = document.getElementById('*****'); // id for audio element
volumeBar    = document.getElementById('volume-bar');

// Update the video volume
volumeBar.addEventListener("change", function(evt) {function displayMessage(message, canPlay) {
    var element = document.querySelector('#message');
    element.innerHTML = message;
    element.className = canPlay ? 'info' : 'error';
}
  player.volume = parseInt(evt.target.value) / 10;
});

علیرضا غلامیان پور
تخصص : برنامه نویس و کارشناس ابزار دق...
@AlirezaQolamian 2 سال پیش مطرح شد
0

سلام وقتت بخیر سامان
برای ساخت موزیک پلیر راه های مختلفی هست میتونی از این سایت هم کمک بگیری مدل های مختلفی همراه سورس کد گذاشته...
https://devsnap.me/javascript-*****-players
موفق باشی...😉


سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
1

سلام از این نمونه کد استفاده کنید
کد HTML به این صورته:

<audio id="*****" autoplay="autoplay">
  Your browser does not support the audio format.
</audio> 
<div id="audio_player" style="">
<input type="range" id="volume-bar" title="volume" min="0" max="10" step="1" value="10">
</div>

کد جاوااسکریپت هم به این صورته:

var player = document.getElementById('*****'); // id for audio element
volumeBar    = document.getElementById('volume-bar');

// Update the video volume
volumeBar.addEventListener("change", function(evt) {function displayMessage(message, canPlay) {
    var element = document.querySelector('#message');
    element.innerHTML = message;
    element.className = canPlay ? 'info' : 'error';
}
  player.volume = parseInt(evt.target.value) / 10;
});

سامان سرمدی
@saman.mi 2 سال پیش مطرح شد
0

@sinashahoveisi , @AlirezaQolamian
از شما سپاس گزارم بابت کمکتون
واقعا کمک بزرگی به من کردید

🌹🌹


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام