سلام دوستان خسته نباشید 🌹
قطعا خیلیا مون دیدیم صدای موزیک رو چطور با یک progress تغیر میدیم حالا اگه ما بخوایم یک موزیک پلیر سفارشی درست کنیم این قابلیت رو چطوری باید ایجاد کنیم ؟
ممنون میشم جواب بدید سپاس 🌹🌹
سلام از این نمونه کد استفاده کنید
کد 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;
});
سلام وقتت بخیر سامان
برای ساخت موزیک پلیر راه های مختلفی هست میتونی از این سایت هم کمک بگیری مدل های مختلفی همراه سورس کد گذاشته...
https://devsnap.me/javascript-*****-players
موفق باشی...😉
سلام از این نمونه کد استفاده کنید
کد 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;
});
@sinashahoveisi , @AlirezaQolamian
از شما سپاس گزارم بابت کمکتون
واقعا کمک بزرگی به من کردید
🌹🌹
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟