Insérer flux RTMP de camera Wanscam dans site web (flash ou js ou autre) ?

**gandolfi** · 28/10/2017, 21h08

bonjour,

J'ai une camera wanscam hw0049. j'ai un flux rstp et un flux rmtp. Apparemment le rmtp est le plus simple à exploiter.
rtmp://IP:1935/flash/11:login:pass

Je voudrais l'inserer dans une page web mais je n'y arrive pas malgré mes nombreux essai (jwplayer, sewise, rtmpplayer...) Par contre sur le site d'essai de adobe et rtmpplayer cela marche si je rentre le lien.

FLASH PLAYER me donne cela (ci dessous) que je tape dans une page html tel quelle sans body head ou html. Mais cela n'affiche rien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 	<object width='640' height='377' id='StrobeMediaPlayback' name='StrobeMediaPlayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='swfs/StrobeMediaPlayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '&src=rtmp://IP:1935/flash/11:login:pass&autoHideControlBar=true&streamType=live&autoPlay=true&verbose=true'/><embed src='swfs/StrobeMediaPlayback.swf' width='640' height='377' id='StrobeMediaPlayback' quality='high' bgcolor='#000000' name='StrobeMediaPlayback' allowfullscreen='true' pluginspage='http://www.adobe.com/go/getflashplayer' flashvars='&src=rtmp://IP:1935/flash/11:login:pass&autoHideControlBar=true&streamType=live&autoPlay=true&verbose=true' type='application/x-shockwave-flash'> </embed></object>

Que me conseillez vous comme player ? avez vous un code type avec juste le lien rtmp à changer ?

JE vous remercie car je ne comprend pas pour quoi je n'y arrive pas.

**Archimède** · 29/10/2017, 10h47

En actionscript, j'avais adapté un exemple de lecture de webcam pour me faire la main. Regarde si ta camera est bien prise en charge, et ensuite tu l'introduis sous forme d'embed dans ton code html.
Après, c''est du flash évidemment. Je n'ai pas fait d'essai en javascript...

**gandolfi** · 29/10/2017, 11h34

Merci. tu as un exemple de code pour integrer le fichier ?

**Archimède** · 29/10/2017, 12h39

Là, j'ai gardé les dimensions du swf (800x600 px) et j'ai centré...

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
 
<html>
<head>
    <title>insertion cam</title>
</head>
 
<body>
 <embed id="cam" src="cam.swf" type="application/x-shockwave-flash"></embed> 
<script>
    var w=window.innerWidth,h=window.innerHeight;
    var mycam=document.getElementById("cam");
    mycam.style.width=800+"px"; //largeur du swf
    mycam.style.height=600+"px";//hauteur du swf
    mycam.style.position="absolute";
    mycam.style.left=(w-800)/2+"px";  //embed centrée
    mycam.style.top=(h-600)/2+"px";
 </script>
</body>
</html>

**gandolfi** · 29/10/2017, 13h20

Merci.

Désolé, mais rien ne s'affiche (pas de lecteur). Tu rentres où le code rtmp ?

**Archimède** · 29/10/2017, 13h33

As-tu mis le fichier flash (cam.swf) dans le même dossier que le fichier html contenant le code proposé ?
Après, il faut un navigateur qui prenne en charge flashplayer...
Chez moi avec un essai sous chrome,IE, edge pas de souci...

Insérer flux RTMP de camera Wanscam dans site web (flash ou js ou autre) ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager