Est-il un moyen de lire des vidéos mpeg en HTML5?
Mon pc en fonction de l'application web utilise HTML5, et je veux importer des fichiers mpeg à jouer dans mon navigateur qui ont été sauvés de cette manière par une autre application. Est-il un moyen pour lire ces fichiers vidéo avec HTML5?
EDIT:
L'application tente de jouer le mpeg fichiers à partir du disque dur local plutôt que sur le serveur. Ainsi, l'utilisateur a la possibilité de choisir les fichiers mpeg à jouer sélectionnés fichiers mpeg.
HTML:
<input id="t20provideoinput" type="file" multiple accept="video/*"/>
<video id="t20provideo" controls controls>
Javascript:
(function localFileVideoPlayerInit(win) {
var URL = win.URL || win.webkitURL;
var sources = [];
var j = 1;
var videoNode = document.querySelector('video');
var videoNode1 = document.querySelector('object');
var groupElement = document.getElementsByClassName('metric')[0];
console.log('this is group element ' + groupElement);
var playSelectedFile = function playSelectedFileInit(event) {
for(var i=0; i<this.files.length; i++){
var file = this.files[i];
var type = file.type;
var fileURL = URL.createObjectURL(file);
sources.push(fileURL);
}
groupElement.addEventListener('click', function(){
videoNode.src = sources[0];
});
};
var inputNode = document.getElementById('t20provideoinput');
videoNode.addEventListener('ended', function(){
videoNode.src = sources[j++];
videoNode.load();
videoNode.play();
}, false);
if (!URL) {
displayMessage('Your browser is not ' +
'<a href="http://caniuse.com/bloburls">supported</a>!', true);
return;
}
console.log(inputNode);
if (inputNode != null) {
inputNode.addEventListener('change', playSelectedFile, false);
}
}(window));
modifié à partir de http://jsfiddle.net/dsbonev/cCCZ2/embedded/result,js,html,css/présentation/
J'ai essayé quelques choses comme l'ajout de plugins du navigateur utilisé Mediaelement.js
, utilisé object
étiquette pour voir si ceux qui sont sélectionnés mpeg fichiers peuvent être lus. Mais, les tentatives ont été infructueuses.
Ci-dessous l'extrait de code où j'ai utilisé la balise object en html5
<object type="video/mpeg" data="test.mpeg" width="200" height="40">
<param name="src" value="test.mpeg" />
<param name="autoplay" value="false" />
<param name="autoStart" value="0" />
</object>
Toute suggestion est très apprécié.
Peut-être "oui" sur certains navigateur, mais vous feriez mieux d'utiliser certains de solution de repli.
Merci de poster le lien vers l'article. Il a été une révélation. De toute façon, j'ai essayé d'utiliser MediaElement.js mais il ne prend pas en charge la vidéo MPEG.J'ai aussi essayé avec la balise object. Mais, il ne fonctionne pas pour moi non plus. S'il vous plaît laissez-moi savoir où donner de la tête à partir d'ici.
OriginalL'auteur sagar pant | 2013-02-18
Vous devez vous connecter pour publier un commentaire.
Par "mpeg", si vous faites référence à H. 264/MP4:
Mise à JOUR (2017, décembre):
Autres Notes (à partir de caniuse):
Vieille Réponse (conservés à des fins historiques):
La réponse est "non pas sur tous les navigateurs". Firefox et Opera ne prend pas en charge MP4 au sein de l'HTML5<video>
tag..Aussi, Google a annoncé (en 2011) qu'ils seront retrait H. 264 de soutien à partir de Chrome. La raison semble en être de Google acquisition de On2 Technologies et la Codec VP8. Ce qui est tout aussi puissant codec et fait royalty-free par Google après l'acquisition. Chrome, Firefox et Opera prend en charge ce codec via WebM qui se compose de VP8 video et audio Vorbis.
Donc probablement assez vite, Internet Explorer et Safari seront les seuls navigateurs de soutien H. 264; ce qui n'est pas une licence libre de redevances codec et Microsoft et Apple sont titulaires de brevets!..
Ce que vous pouvez faire (pour la croix-prise en charge du navigateur);
Ou mieux, voir cet exemple d'un mécanisme de secours (par Kroc Camen), qui associe tous les:
Note 1: j'ai légèrement modifié cette option pour ajouter WebM soutien.
Note 2: Vous devez inclure MP4 en haut, parce que d'un iPad bug qui arrête la vidéo lors de la recherche de la source.
Par "mpeg", si vous faites référence à MPEG-1 ou MPEG-2:
Puis NON! et je viens d'écrire un tas de merde!
Pourtant, je pense que c'est la réponse à votre question.
la dernière version de firefox (ou toutes les mises à jour des navigateurs depuis votre réponse à ce début 2013) effet le code que vous avez fourni? je demande car j'aimerais bien rouler ce dans une fonction php à utiliser pour de futurs chantiers
N'avez-vous pas cliquez sur le premier lien que j'ai donné? Je vais mettre à jour cette réponse bientôt.
oui je l'ai fait. savez-vous en 2017 firefox est sorti avec une énorme libération depuis votre 2013 réponse? si vous allez ici - developer.mozilla.org/en-US/docs/Web/HTML/... - vous verrez firefox prend désormais en charge mp4
OriginalL'auteur Onur Yıldırım
Il est clair que vous ne pouvez pas jouer mpeg1 ou mpeg2 à l'aide de html5. J'ai aussi été à la recherche à quelque chose comme ça. Vous pouvez inclure un VLC player web qui peut gérer ces formats vidéo assez facilement. Peut-être envisager... https://wiki.videolan.org/Documentation:WebPlugin/
OriginalL'auteur Cris Rockwell