Jquery সঙ্গে সহজ
// প্রিলোড ছাড়াই অডিও ট্যাগ সেট করুন
<audio class="my_audio" controls preload="none">
<source src="audio/my_song.mp3" type="audio/mpeg">
<source src="audio/my_song.ogg" type="audio/ogg">
</audio>
// লোড করতে jquery যোগ করুন
$(".my_audio").trigger('load');
// খেলা এবং থামার জন্য পদ্ধতি লিখুন
function play_audio(task) {
if(task == 'play'){
$(".my_audio").trigger('play');
}
if(task == 'stop'){
$(".my_audio").trigger('pause');
$(".my_audio").prop("currentTime",0);
}
}
// কীভাবে অডিও নিয়ন্ত্রণ করবেন তা স্থির করুন
<button onclick="play_audio('play')">PLAY</button>
<button onclick="play_audio('stop')">STOP</button>
সম্পাদনা
@ স্টোমির প্রশ্নের সমাধানের জন্য, প্লেলিস্ট খেলতে আপনি কীভাবে এই পদ্ধতির ব্যবহার করবেন :
আপনার গান একটি বস্তুতে সেট করুন:
playlist = {
'song_1' : 'audio/splat.mp3',
'song_2' : 'audio/saw.mp3',
'song_3' : 'audio/marbles.mp3',
'song_4' : 'audio/seagulls.mp3',
'song_5' : 'audio/plane.mp3'
}
ট্রিগারটি ব্যবহার করুন এবং আগের মতো ফাংশনগুলি খেলুন:
$(".my_audio").trigger('load');
function play_audio(task) {
if(task == 'play'){
$(".my_audio").trigger('play');
}
if(task == 'stop'){
$(".my_audio").trigger('pause');
$(".my_audio").prop("currentTime",0);
}
}
প্রথম গানটি গতিশীলভাবে লোড করুন:
keys = Object.keys(playlist);
$('.my_audio').append("<source id='sound_src' src=" + playlist[keys[0]] + " type='audio/mpeg'>");
প্লেলিস্টের পরবর্তী গানে অডিও উত্সটি পুনরায় সেট করুন, যখন বর্তমান গানটি শেষ হবে:
count = 0;
$('.my_audio').on('ended', function() {
count++;
$("#sound_src").attr("src", playlist[keys[count]])[0];
$(".my_audio").trigger('load');
play_audio('play');
});
ক্রিয়াকলাপে এই কোডটির উদাহরণের জন্য এখানে দেখুন ।
<audio>। সেই উপাদানটিতে 'প্লে', 'বিরতি' ইত্যাদি ইত্যাদির জন্য উপযুক্ত জেএস হুক থাকবে ...