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>
精彩评论