如何使用 setCurrentTime() 设置开始时间偏移

Question

我有语音文本录音，我希望允许用户在录音中的特定点开始录音，例如开始时间后 12.5 秒。使用下面的示例代码，我怎样才能实现这一点？

<audio id="player2" src="/player/media/AirReview-Landmarks-02-ChasingCorporate.mp3" type="audio/mp3" controls="controls"  preload="preload">
</audio>

<script>
var player = $('audio,video').mediaelementplayer(
{
        // the order of controls you want on the control bar (and other plugins below)
        features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],
        audioWidth: 300,
        // enables Flash and Silverlight to resize to content size
        enableAutosize: true,
        startVolume: 0.7, 
        success: function(player, node) { 
                $('#' + node.id + '-mode').html('mode: ' + player.pluginType); 
        }
}
);
</script>

Answer 1

查找 mediaelementplayer 对象：

var myplayer = jQuery('#your_player')["0"];

设置时间（以秒为单位）（例如 12.5）:

myplayer.player.setCurrentTime(12.5);
myplayer.player.setCurrentRail();

:)

Answer 2

我能够弄清楚如何通过外部链接控制 mediaelement.js 播放器。必须使用变量初始化播放器。

<video id="player1" width="720" height="406" controls="controls" preload="none">
    <source src="myvid.mp4" type="video/mp4" />
</video>

<a href="#" class="mpplay">play</a>
<a href="#" class="mppause">pause</a>
<a href="#" class="mptime">1:00</a>
<a href="#" class="mptime">0:30</a>

<script>

function convert(input) {
    var parts = input.split(':'),
        minutes = +parts[0],
        seconds = +parts[1];
    return (minutes * 60 + seconds).toFixed(2);
}

jQuery(document).ready(function($) {
    // declare object for video
    var player = new MediaElementPlayer('#player1');

     jQuery('.mpplay').click(function() {
        player.play();
     });

     jQuery('.mppause').click(function() {
        player.pause();
     });

     jQuery('.mptime').click(function() {
        var timeToGoVideo = "";
        timeToGoVideo = (this).text;
        timeToGoVideo = convert(timeToGoVideo);
        player.setCurrentTime(timeToGoVideo);
        player.setCurrentRail();
        player.play();
     });

});

</script>