ယနေ့အင်တာနက်အလျင်အမြန်ဖွံ့ဖြိုးတိုးတက်မှုနှင့်အတူအသံဖြန့်ဖြူးခြင်းနှင့်အသံပါဝင်မှုကိုဝေမျှခြင်းသည်အထူးအဆင်ပြေသွားသည်။ အွန်လိုင်းအသံဖွင့်စက်တစ်ခုကိုတီထွင်ခြင်းသည်လက်တွေ့မကျသေးသော်လည်းဝက်ဘ်ဆိုက်မာလ်တီမီဒီယာအတွေ့အကြုံကိုပိုမိုကောင်းမွန်စေသည်။ ဤဆောင်းပါးသည်အစ မှစတင်. အပြည့်အဝကုဒ်များနှင့်အတူ PHP မှရိုးရိုးနှင့်လက်တွေ့ကျကျအွန်လိုင်းအသံဖွင့်စက်ကိုမည်သို့ဖန်တီးရမည်ကိုရှင်းပြပါလိမ့်မည်။
ပထမ ဦး စွာအခြေခံအသံဖွင့်စက်မျက်နှာပြင်ကိုဒီဇိုင်းပြုလုပ်ရန်လိုအပ်သည်။ Player.html ကဲ့သို့သော HTML ဖိုင်တစ်ခုကိုဖန်တီးပါ။ အောက်ပါကုဒ်ကိုရေးပါ။
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Online Audio Player</title>
</head>
<body>
<h3>Online Audio Player</h3>
<audio id="audioPlayer" controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>
</body>
</html>
အထက်ပါကုဒ်သည် HTML5 ကိုအသုံးပြုသည် Tag သည်ကစားသမားတစ် ဦး ကိုဖန်တီးသည်။ SRC attribute သည်အမှန်တကယ်သိုလှောင်မှုတည်နေရာအရချိန်ညှိနိုင်သည့်အသံဖိုင်လမ်းကြောင်းကိုသတ်မှတ်သည်။ ဖိုင်ကိုဖွင့်ပြီးအခြေခံပြန်ဖွင့်သည့် interfrace ကိုသင်တွေ့လိမ့်မည်။
အသံဖိုင်များကို upload လုပ်ရန်အသုံးပြုသူမှတင်ထားသောအသံကိုလက်ခံရရှိရန်နှင့်သိမ်းဆည်းရန် (ဥပမာ upload.php ကဲ့သို့သော PHP ဖိုင်ကိုဖန်တီးရန်လိုအပ်သည်။
<?php
if ($_FILES['audio']['error'] == UPLOAD_ERR_OK) {
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES['audio']['name']);
if (move_uploaded_file($_FILES['audio']['tmp_name'], $target_file)) {
echo "အောင်မြင်စွာတင်ပါ!";
} else {
echo "တင်ပါးမအောင်မြင်ပါ!";
}
}
?>
Code တွင် Upload status ကို $ _files array မှတဆင့်ရှာဖွေတွေ့ရှိပြီးအောင်မြင်သောနောက်တွင်အသံသည်သတ်မှတ်ထားသောလမ်းညွှန်သို့သိမ်းဆည်းသည်။ လက်တွေ့ကျသောအပလီကေးရှင်းများ၌တင်ထားသောဖိုင်အမျိုးအစားနှင့်အရွယ်အစားကိုလုံခြုံရေးစစ်ဆေးမှုပြုလုပ်ရန်အကြံပြုပါသည်။
အပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသောအတွေ့အကြုံကိုမြှင့်တင်ရန်အတွက်သင်ဟာ Playback နှင့် Volume မှတုံ့ပြန်မှုများရရှိရန်အတွက် JavaScript မှတစ်ဆင့်ကစားသမားဖြစ်ရပ်များကိုစောင့်ကြည့်နိုင်သည်။ Modify.html ကိုပြုပြင်မွမ်းမံပါ အဆုံးမတိုင်မီ Join:
<script>
var audioPlayer = document.getElementById("audioPlayer");
audioPlayer.onplay = function() {
console.log("အသံကစားနေသည်...");
}
audioPlayer.onpause = function() {
console.log("အသံခေတ္တရပ်နား。");
}
audioPlayer.onvolumechange = function() {
console.log("အသံအတိုးအကျယ်ပြောင်းလဲခြင်း:" + audioPlayer.volume);
}
</script>
ပြန်ဖွင့်ခြင်းတိုးတက်မှုကိုခြေရာခံရန် tracktime ကို အသုံးပြု. လက်ရှိအချိန်တွင်အချိန်နှင့်စုစုပေါင်းအချိန်ကိုပုံမှန်ရယူရန်အတွက် onilePulucdate ဖြစ်ရပ်ကိုသင်အသုံးပြုနိုင်သည်။ Code pegager ်ဌာန်းချက်မှာအောက်ပါအတိုင်းဖြစ်သည် -
<script>
var audioPlayer = document.getElementById("audioPlayer");
audioPlayer.ontimeupdate = function() {
var currentTime = audioPlayer.currentTime;
var duration = audioPlayer.duration;
console.log("လက်ရှိအချိန်:" + currentTime + ",စုစုပေါင်းကြာချိန်:" + duration);
}
</script>
ဤဆောင်းပါးသည် PHP နှင့် HTML5 မှရိုးရိုး online audio player ကိုမည်သို့တည်ဆောက်ရမည်ကိုစနစ်တကျရှင်းပြသည်။ developer များကွဲပြားခြားနားသောလိုအပ်ချက်များကိုဖြည့်ဆည်းရန် Playllists, Audio ပုံစံပုံစံပြောင်းလဲခြင်းစသဖြင့်ဤအခြေခံအပေါ်ပိုမိုလုပ်ဆောင်မှုများကိုတိုးချဲ့နိုင်သည်။ ဒီသင်ခန်းစာကသင့်ကိုအထောက်အကူဖြစ်လိမ့်မယ်လို့မျှော်လင့်ပါတယ်။