سامان سرمدی
3 سال پیش
توسط سامان سرمدی
مطرح شد
تغیر volume موسیقی با js
سلام دوستان خسته نباشید 🌹
قطعا خیلیا مون دیدیم صدای موزیک رو چطور با یک progress تغیر میدیم حالا اگه ما بخوایم یک موزیک پلیر سفارشی درست کنیم این قابلیت رو چطوری باید ایجاد کنیم ؟
ممنون میشم جواب بدید سپاس 🌹🌹
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
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
3 سال پیش
مطرح شد
برنامه نویس و کارشناس ابزار دقیق
گزارش تخلف
کپی کردن
0
سلام وقتت بخیر سامان
برای ساخت موزیک پلیر راه های مختلفی هست میتونی از این سایت هم کمک بگیری مدل های مختلفی همراه سورس کد گذاشته...
https://devsnap.me/javascript-*****-players
موفق باشی...😉
گزارش تخلف
کپی کردن
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
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
@sinashahoveisi , @AlirezaQolamian
از شما سپاس گزارم بابت کمکتون
واقعا کمک بزرگی به من کردید
🌹🌹