[JavaScript]<audio> - zliczanie odtworzenia Opcje

[bahh]

Witam, wykorzystuje znacznik HTML5 <audio> w następujący sposób:

[HTML] pobierz, plaintext 
      <audio controls>
      <source src="muza.mp3" type="audio/mpeg">
      Twoja przeglądarka nie obsługuje odtwarzacza
      </audio>
[HTML] pobierz, plaintext 

Chcę zliczać każde odtworzenie (przyciśnięcie play - bez przypadku pauzy). Jest to możliwe przy użyciu JavaScript i Ajaxa? Nie wiem czy da się taki efekt uzyskać, dlatego piszę do was. Jak bym miał zliczyć takie odtworzenie?

[trueblue]

Zliczaj po stronie serwera.

[bahh]

No dobrze, moge w ten sposob okreslic ile razy plik zostal pobrany do odtwarzacza ale nie okresle kto dokladnie i kiedy to wlaczyl. Jak mialbym to zrobic?

[trueblue]

Nie do końca, bo:
<audio controls preload="none">

Albo:
https://developer.mozilla.org/en-US/docs/We...ts/Media_events

[bahh]

Drugi link to rozwiązanie działające na Mozilli, z resztą przeglądarek nic nie wiadomo.

Prosto mówiąc - użytkownik po zalogowaniu ma jakieś id w zmiennej PHP ($user->id) gdzie jeśli kliknie PLAY na odtwarzaczu to ma zliczyć to działanie i zapisać do bazy danych (w tym przypadku będzie potrzebny Ajax) - czyli jeśli dana akcja będzie to żeby wysłało żądanie Ajaxem do pliku zlicz.php?idusera=21

To przykładowy skrypt Ajaxa jakiego użyję - na dole jest wywołanie. Jak więc skutecznie zrobić warunek do wywołania (if) żeby na każdej przeglądarce przeszło to zliczenie jeśli ktoś odtworzy ten plik?

[JAVASCRIPT] pobierz, plaintext 
function ajax( options ) {
    options = {
        type: options.type || "POST",
        url: options.url || "",
        onComplete: options.onComplete || function(){},
        onError: options.onError || function(){},
        onSuccess: options.onSuccess || function(){},
        dataType: options.dataType || "text"
    };
 
    var xml = new XMLHttpRequest();
    xml.open(options.type, options.url, true);
 
    xml.onreadystatechange = function(){
        if ( xml.readyState == 4) {
            if ( httpSuccess( xml ) ) {
                var returnData = (options.dataType=="xml")? xml.responseXML : xml.responseText
                options.onSuccess( returnData );
            } else {
                options.onError();
            }
            options.onComplete();
            xml = null;
        }
    };
 
    xml.send();
 
    function httpSuccess(r) {
        try {
            return ( r.status >= 200 && r.status < 300 || r.status == 304 || navigator.userAgent.indexOf("Safari") >= 0 && typeof r.status == "undefined")
        } catch(e) {
            return false;
        }       
    }
}
 
ajax( {
        type: "GET",
        url: "zlicz.php?idusera=21",      
        onError: function(msg) {
            console.warn(msg)
        },
        onSuccess: function(msg) {
            console.log(msg);
        }           
});
[JAVASCRIPT] pobierz, plaintext 

[trueblue]

http://www.w3schools.com/tags/av_event_playing.asp

Możesz też ukryć standardowe kontrolki i utworzyć własny przycisk play i tam wywoływać ajax.

[bahh]

Dokładnie o to mi chodziło, dzięki trueblue