Получение метаданных audio

@Juliii · Регистрация: 10.11.2013

Author24 — интернет-сервис помощи студентам

Есть код, который отвечает за рандомное проигрывание аудио файлов. Файлы хранятся на сервере, путь к ним лежит в БД.
PHP-код генерирует путь и подставляет его в скрипт. Суть задания в том, что нужно вывести не только проигрыватель, но и название каждого трека. Генерировать название в том же php-файле не вариант, так как он предает только путь. Буду очень благодарна за любые советы!

Структура БД : dirname - директория в которой хранятся файлы, myfile - название файла с расширением ( вида 1.mp3), name - нормальное название файла (вида Lorde - Royals)

PHP

$path='radio/';
$nameDB='*********';
$nameSERVER='localhost';
$nameUSER = "***********";
$passUSER = "*******************";
mysql_select_db($nameDB, mysql_connect($nameSERVER,$nameUSER,$passUSER));
mysql_query('SET NAMES utf8');
 
$sql="select * from playlist where myfile like '%.mp3' ORDER BY RAND() LIMIT 1";
do {    
    $result=mysql_query($sql);
    $line=mysql_fetch_array($result);    
    $filename=$path.$line[dirname].$line[myfile];   
 
}while(!file_exists($_SERVER['DOCUMENT_ROOT'].'/'.$filename));
 
print 'http://*******************'.'/'.$filename;

HTML5

<div id='radio'  >
    <img src='img/play.png' data-state='stop' id='btnPlay' width='44' height='44'class='onmouse hover' data-tooltip='Слушать музыку'>
        <div id='radio_volume'>
            <img src='img/volume_up.png' data-state='volume_up' id='btnVolumeUp' width='16' height='21'class='onmouse hover' data-tooltip='Громче'>
            <img src='img/volume_down.png' data-state='volume_down' id='btnVolumeDown' width='16' height='21'class='onmouse hover'  data-tooltip='Тише'>
        </div>
    <label id='radio_caption'>Radio!</label>
    <div id='volume_caption'>10</div>
 
    <audio id='player' class='player' src='' load='metadata' preload='metadata'></audio>
 
</div>

Javascript

$(document).ready(function() {     
 
     $(document).on("click","#btnPlay",function(e) {
            if($(this).attr('data-state')=='stop'){
                $("#btnPlay").attr('src','img/signal.gif');
                $("#btnPlay").attr('data-state','play');                
                $("#hovertitle").hide();
                $.ajax({
                    type:'POST',
                    url:'radio.php',                    
                    async:true,
                    success:function(data){            
                        $("#btnPlay").attr('src','img/stop.gif');
                        $("audio").attr('src',data);
                        $("audio").attr('load','metadata');
                        $("audio").trigger('play');                        
                    },
                    error:function(xhr,str){                        
                    }
                });
                
            }
            else{
                if($(this).attr('data-state')=='play'){
                    $("audio").trigger('pause');
                    $("#btnPlay").attr('data-state','stop');
                    $("#btnPlay").attr('src','img/play.png');                    
                }    
            }            
       });
        $("audio").bind("ended",function(){
            $("#btnPlay").attr('src','img/signal.gif');
            var song=$.ajax({url:"radio.php",async:false}).responseText;
            $.ajax({
                type:'POST',
                url:'radio.php',                    
                async:true,
                success:function(data){            
                    $("#btnPlay").attr('src','img/stop.gif');
                    $("audio").attr('src',data);
                    $("audio").attr('load','metadata');
                    $("audio").trigger('play');                        
                },
                error:function(xhr,str){                        
                }
            });            
        });
 
        $("audio").bind("error",function(){
  
        });
        $("audio").bind("loadedmetadata",function(){
         
            
        });
        
        $(document).on("click","#btnVolumeUp",function(e) {
            var player=document.getElementById("player");
            player.volume+=0.1;
            var textv=Math.floor(player.volume*100);
            $("#volume_caption").text(textv);
            $("#volume_caption").fadeIn("slow");
            $("#volume_caption").fadeOut("slow");
            
        });
        $(document).on("click","#btnVolumeDown",function(e) {
            var player=document.getElementById("player");
            player.volume-=0.1;
            var textv=Math.floor(player.volume*100);
            $("#volume_caption").text(textv);
            $("#volume_caption").fadeIn("slow");
            $("#volume_caption").fadeOut("slow");            
        });
        
        $("audio").bind("canplaythrough",function(){
            var textv=this.duration;
            textv=((Math.floor(textv / 60) - (Math.floor(textv / 36000) * 60)) + ":" + Math.floor(textv % 60));            
            $("#volume_caption").text(textv);
            $("#volume_caption").fadeIn("slow");
            $("#volume_caption").fadeOut("slow");                        
        });
        
  });

@BANO · 02.06.2016, 18:27

могу предложить вот такой вариант с считыванием данных с самого файла (метаданные, то есть теги)

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 18:27	2
	могу предложить вот такой вариант с считыванием данных с самого файла (метаданные, то есть теги) 1