L'incorporation de VLC plugin sur la page HTML

J'ai un fichier html (getStream.html) qui prend un flux à partir d'une url et de le montrer. Le code est le suivant:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Vids</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body onload='player("http://mystreamaddress:8080");'>
<div id="player">
<object type="application/x-vlc-plugin" 
id="vlcplayer" 
width="864px"
height="540px" 
classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921">  
<param name="Volume" value="100" />
<param name="AutoPlay" value="true" />
<param name="AutoLoop" value="false" />
</object>
</div>
<div id="controls">
<input type="button" onclick="play();" value="Play" />
<input type="button" onclick="pause();" value="Pause" />
<input type="button" onclick="stop();" value="Stop" />
<input type="button" onclick="mute();" value="Mute" />
</div>
<script type="text/javascript" language="javascript">
var vlc = document.getElementById("vlcplayer");
function player(vid) {
try {
var options = new Array(":aspect-ratio=16:10", "--rtsp-tcp", ":no-video-title-show");
var id = vlc.playlist.add(vid,'Video',options);
vlc.playlist.playItem(id);
vlc.video.fullscreen = true;
//vlc.video.toggleFullscreen();
}
catch (ex) {
alert(ex);
}
}       
function mute(){
vlc.audio.toggleMute();
}
function play(){
vlc.playlist.play();
}
function stop(){
vlc.playlist.stop();
}
function pause(){ 
vlc.playlist.togglePause();
} 
function fullscreen(){
vlc.video.toggleFullscreen();
}
</script>
</body>
</html>

Si j'ai cette page sur mon pc et j'essaie de l'ouvrir (à l'aide d'internet explorer 7/8/9), tout marche bien, mais Si mettre cette page sur mon serveur, puis-je accéder à partir d'une url comme ceci: http://myserver/direcortyOfMyhtmlFile/getStream.html

l'ouverture de la page et les boutons sont chargés, mais je obtenir l'erreur suivante:

dans IE8 et IE9:
L'incorporation de VLC plugin sur la page HTML

Que l'anglais devrait être quelque chose comme: "Impossible d'obtenir la valeur de la propriété 'ajouter': objet nul ou n'est pas défini"

Dans IE7:
L'incorporation de VLC plugin sur la page HTML

Ces erreurs semble faire référence à l'objet dans mon code html, mais c'est étrange pour moi, parce que la même page fonctionne sans problème localement.

Pourquoi avez-vous tagged cette question html5?
juste une erreur.
Qu'avez-vous fait pour résoudre ce problème?

OriginalL'auteur GVillani82 | 2013-01-17

test.html est sera utile pour savoir comment utiliser VLC WebAPI.

test.html est situé dans le répertoire où VLC a été installé.

par exemple C:\Program Files (x86)\VideoLAN\VLC\sdk\activex\test.html

Le code suivant est une citation de la test.html.

HTML:

<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" width="640" height="360" id="vlc" events="True">
<param name="MRL" value="" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="False" />
<param name="Volume" value="50" />
<param name="toolbar" value="true" />
<param name="StartTime" value="0" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
version="VideoLAN.VLCPlugin.2"
width="640"
height="360"
toolbar="true"
loop="false"
text="Waiting for video"
name="vlc">
</EMBED>
</object>

JavaScript:

Vous pouvez obtenir vlc objet de getVLC().

Il fonctionne sur IE 10 et Chrome.

function getVLC(name)
{
if (window.document[name])
{
return window.document[name];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1)
{
if (document.embeds && document.embeds[name])
return document.embeds[name];
}
else //if (navigator.appName.indexOf("Microsoft Internet")!=-1)
{
return document.getElementById(name);
}
}
var vlc = getVLC("vlc");
//do something.
//e.g. vlc.playlist.play();

OriginalL'auteur harry0000

3

J'ai trouvé ceci:
```
<embed type="application/x-vlc-plugin"
pluginspage="http://www.videolan.org"version="VideoLAN.VLCPlugin.2"  width="100%"        
height="100%" id="vlc" loop="yes"autoplay="yes" target="http://10.1.2.201:8000/"></embed>
```
Je ne vois pas cela dans votre code n'importe où.... Je pense que c'est tout ce dont vous avez besoin et la cible serait le lieu de votre vidéo...

et voici plus d'infos sur le plugin vlc:

http://wiki.videolan.org/Documentation%3aWebPlugin#Input_object

Une autre chose à vérifier est que l'adresse pour le fichier vidéo est correcte....

J'ai encore essayé cette solution, mais ne fonctionne que pour mozilla ou chrome. J'ai besoin d'utiliser IE. Mon code fonctionne bien sous IE, mais seulement si j'ai le fichier html en local, sur mon pc. Comme dit, si j'ai mis le fichier sur mon serveur et je me le rappelle le problème étrange apparaît. 🙁

OriginalL'auteur Kat Cox
1

Malheureusement, c'est à dire et VLC ne fonctionnent pas vraiment pour le moment... j'ai trouvé ceci sur le vlc forums:
```
VLC included activex support up until version 0.8.6, I believe. At that time, you could
access a cab on the videolan and therefore 'automatic' installation into IE and Firefox
family browsers was fine. Thereafter support for activex seemed to stop; no cab, no
activex component.
VLC 1.0.* once again contains activex support, and that's brilliant. A good decision in
my opinion. What's lacking is a cab installer for the latest version.
```
Cela signifie que même si vous avez trouvé un moyen de le faire fonctionner, une personne qui essaie d'afficher la vidéo sur votre site dans IE serait de télécharger et d'installer tout le VLC player programme pour qu'il fonctionne sous IE, et les utilisateurs ne voulez probablement pas à le faire. Je ne peux pas obtenir votre code fonctionne dans firefox ou IE8 sur mes amis de l'ordinateur, bien que je n'aurais pas été de mettre l'adresse vidéo correctement... je reçois un message sur aucune sortie vidéo...

Je vais faire une supposition et dire qu'il fonctionne probablement localement pour vous parce que vous avez VLC installé, mais le serveur ne fonctionne pas. Malheureusement, vous aurez probablement à utiliser Windows media player ou quelque chose de similaire (Microsoft est grande à forcer les gens à utiliser leurs trucs!)

Et si vous vous demandez, il semble que la raison pour laquelle il n'existe pas de fichier cab est en raison du coût de l'actif x contrôle de la signature.

Il est assez simple de votre page, utilisez VLC pour firefox et chrome, et Windows Media Player pour les utilisateurs de IE, si cela pourrait fonctionner pour vous.

OriginalL'auteur Kat Cox

J'ai trouvé ce bout de code quelque part dans le web.
Peut-être qu'il vous aide, vous et je vous donne une mise à jour jusqu'à présent, j'accueillis pour le même but... Peut-être que je n'ai pas.... qui le futt sait... avec tous les nogodders et dobedders ici :-/

function runVLC(target, stream)
{
var support=true
var addr='rtsp://' + window.location.hostname + stream
if ($.browser.msie){
$(target).html('<object type = "application/x-vlc-plugin"' + 'version =  
"VideoLAN.VLCPlugin.2"' + 'classid = "clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"' + 
'events = "true"' + 'id = "vlc"></object>')
}
else if ($.browser.mozilla || $.browser.webkit){
$(target).html('<embed type = "application/x-vlc-plugin"' + 'class="vlc_plugin"' + 
'pluginspage="http://www.videolan.org"' + 'version="VideoLAN.VLCPlugin.2" ' + 
'width="660" height="372"' + 
'id="vlc"' + 'autoplay="true"' + 'allowfullscreen="false"' + 'windowless="true"' + 
'mute="false"' + 'loop="true"' + '<toolbar="false"' + 'bgcolor="#111111"' + 
'branding="false"' + 'controls="false"' + 'aspectRatio="16:9"' + 
'target="whatever.mp4"></embed>')
}
else{
support=false
$(target).empty().html('<div id = "dialog_error">Error: browser not supported!</div>')
}
if (support){
var vlc = document.getElementById('vlc')
if (vlc){
var opt = new Array(':network-caching=300')
try{
var id = vlc.playlist.add(addr, '', opt)
vlc.playlist.playItem(id)
}
catch (e){
$(target).empty().html('<div id = "dialog_error">Error: ' + e + '<br>URL: ' + addr + 
'</div>')
}
}
}
}
/* $(target + ' object').css({'width': '100%', 'height': '100%'}) */

Accueille

Gee

- Je réduire l'ensemble de la merde maintenant:

function runvlc(){
var target=$('body')
var error=$('#dialog_error')
var support=true
var addr='rtsp://../html/media/video/TESTCARD.MP4'
if (navigator.userAgent.toLowerCase().indexOf("msie")!=-1){
target.append('<object type = "application/x-vlc-plugin"' + 'version = "
VideoLAN.VLCPlugin.2"' + 'classid = "clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"' + 
'events = "true"' + 'id = "vlc"></object>')
}
else if (navigator.userAgent.toLowerCase().indexOf("msie")==-1){
target.append('<embed type = "application/x-vlc-plugin"' + 'class="vlc_plugin"' + 
'pluginspage="http://www.videolan.org"' + 'version="VideoLAN.VLCPlugin.2" ' + 
'width="660" height="372"' + 
'id="vlc"' + 'autoplay="true"' + 'allowfullscreen="false"' + 'windowless="true"' + 
'mute="false"' + 'loop="true"' + '<toolbar="false"' + 'bgcolor="#111111"' + 
'branding="false"' + 
'controls="false"' + 'aspectRatio="16:9"' + 'target="whatever.mp4">
</embed>')
}
else{
support=false
error.empty().html('Error: browser not supported!')
error.show()
if (support){
var vlc=document.getElementById('vlc')
if (vlc){
var options=new Array(':network-caching=300') /* set additional vlc--options */
try{ /* error handling */
var id = vlc.playlist.add(addr,'',options)
vlc.playlist.playItem(id)
}
catch (e){
error.empty().html('Error: ' + e + '<br>URL: ' + addr + '')
error.show()
}
}
}
}
};

Ne pas le faire fonctionner sous ie...
2b suite...

Accueille

Gee

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.