开发者

How to set start time offset using setCurrentTime()

开发者 https://www.devze.com 2023-04-09 05:38 出处:网络
I have recordings of spoken text where I would like to allow users to start an audio recording at a specific point within the recording, for example, 12.5 seconds after the start time. Using the sampl

I have recordings of spoken text where I would like to allow users to start an audio recording at a specific point within the recording, for example, 12.5 seconds after the start time. Using the sample code below, how can I make this happen?

<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 + '-mo开发者_StackOverflow社区de').html('mode: ' + player.pluginType); 
        }
}
);
</script>


Find mediaelementplayer object:

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

Set time in seconds (12.5 for example):

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

:)


I was able to figure out how to control the mediaelement.js player with external links. The player has to be initialized using a variable.

<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>
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号