လက်ရှိတည်နေရာ: ပင်မစာမျက်နှာ> နောက်ဆုံးရဆောင်းပါးများစာရင်း> PHP နှင့်အတူရိုးရှင်းသောနှင့်လက်တွေ့ကျကျအွန်လိုင်းအသံဖွင့်စက်ကိုဖန်တီးခြင်းအတွက်သင်ခန်းစာ

PHP နှင့်အတူရိုးရှင်းသောနှင့်လက်တွေ့ကျကျအွန်လိုင်းအသံဖွင့်စက်ကိုဖန်တီးခြင်းအတွက်သင်ခန်းစာ

M66 2025-07-26

PHP ကိုအသုံးပြုပြီးရိုးရှင်းသောအွန်လိုင်းအသံဖွင့်ခြင်းကိုဘယ်လိုရေးမလဲ

ယနေ့အင်တာနက်အလျင်အမြန်ဖွံ့ဖြိုးတိုးတက်မှုနှင့်အတူအသံဖြန့်ဖြူးခြင်းနှင့်အသံပါဝင်မှုကိုဝေမျှခြင်းသည်အထူးအဆင်ပြေသွားသည်။ အွန်လိုင်းအသံဖွင့်စက်တစ်ခုကိုတီထွင်ခြင်းသည်လက်တွေ့မကျသေးသော်လည်းဝက်ဘ်ဆိုက်မာလ်တီမီဒီယာအတွေ့အကြုံကိုပိုမိုကောင်းမွန်စေသည်။ ဤဆောင်းပါးသည်အစ မှစတင်. အပြည့်အဝကုဒ်များနှင့်အတူ PHP မှရိုးရိုးနှင့်လက်တွေ့ကျကျအွန်လိုင်းအသံဖွင့်စက်ကိုမည်သို့ဖန်တီးရမည်ကိုရှင်းပြပါလိမ့်မည်။

audio player interface ကိုတည်ဆောက်ပါ

ပထမ ဦး စွာအခြေခံအသံဖွင့်စက်မျက်နှာပြင်ကိုဒီဇိုင်းပြုလုပ်ရန်လိုအပ်သည်။ 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 ကိုသင်တွေ့လိမ့်မည်။

Audio Upload နှင့်စီမံခန့်ခွဲမှုအကောင်အထည်ဖော်ပါ

အသံဖိုင်များကို 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 ပုံစံပုံစံပြောင်းလဲခြင်းစသဖြင့်ဤအခြေခံအပေါ်ပိုမိုလုပ်ဆောင်မှုများကိုတိုးချဲ့နိုင်သည်။ ဒီသင်ခန်းစာကသင့်ကိုအထောက်အကူဖြစ်လိမ့်မယ်လို့မျှော်လင့်ပါတယ်။