html5 audioeinstellung currentTime

Question

Ich habe einen Player für HTML5 gebaut, der die Musik von meinem Server herunterlädt. Der Player funktioniert einwandfrei, wenn ich das Lied von Anfang an spiele, aber wenn ich versuche, ein Lied aus einer bestimmten Zeit mit dem currentTime-Attribut abzuspielen nichts passiert und das Lied beginnt von Anfang an

meine Server-Seite ist Java Federmvc, und mein Client ist angularJS.

cleint Teil:

Audio-Fabrik:

tunesApp.factory('audio', function($document) { 
    var audio = $document[0].createElement('audio'); 
    return audio; 
}); 

Spielerfabrik:

tunesApp.factory('player', function(audio, $rootScope) { 
    var player, 
     playlist = [], 
     current = { 
      track: 0 
     }; 

    player = { 
     playlist:playlist, 
     play: function(track) { 
     if (!playlist.length) return; 

     if (angular.isDefined(track)) current.track = track; 

     audio.src = playlist[current.track].url; 
     audio.currentTime = playlist[current.track].startFrom; // also try with .toString() 
     audio.play(); 
     } 
    }; 

    playlist.add = function(album) { 
     if (playlist.indexOf(album) != -1) return; 
     playlist.push(album); 
    }; 

    playlist.remove = function(album) { 
     var index = playlist.indexOf(album); 
     if (index == current.album) player.reset(); 
     playlist.splice(index, 1); 
    }; 

    return player; 
}); 

und wenn ich Lied hinzufügen:

tunesApp.controller('myController', function(player) { 
    player.playlist.add({ 
     url: "/path/to/server", 
     startFrom: 65 // in seconds 
    }); 

    player.play(); 
}); 

und den Server-Controller zu erhalten das Lied:

@RequestMapping(path="/song/{file_id}", method=RequestMethod.GET) 
public void getFile(@PathVariable("file_id") String fileId, HttpServletResponse response){ 
    try{ 
     // get the song from the DB 
     String songName = DB.getSong(fileId); 
     File file = new File(fullPath + songName); 
     response.setContentType("audio/mpeg"); // i use only mp3 files 
     Long length = file.length(); 
     response.addHeader("Content-Range", "bytes 0-" + new Long(length-1).toString()+"/"+length); 
     response.setContentLength((int)length); 
     InputStream inputStream = new BufferInputStream(new FileInputStream(file)); 
     FileCopyUtils.copy(inputStream,response.getOutputStream()); 

     response.flushBuffer(); 
    }catch(Exception ex){} 
} 

dieser Code arbeitete für eine Weile und dann aufhören zu arbeiten :(

UPDATE

der Code funktioniert perfekt in Rande, aber der Fehler ist in Chrom 44 und 48

jeden Hilfe?

Answer 1

Sie müssen wahrscheinlich warten, bis ein "canPlay" -Ereignis ausgelöst wird, bevor Sie versuchen, die Uhrzeit zu ändern.

Mit Chrome Desktop und Firefox können Sie auch nach "geladenen" Ereignissen lauschen, um zu erfahren, ob die Datei an dem Punkt geladen wurde, den Sie suchen.