Flux video et page Web

Version imprimable

02/03/2018, 13h16
patarins

Flux video et page Web

Bonjour,

Je cherche à intégrer dans une page web, un flux vidéo de la forme : 192.168.x.x:Port.
Je n'ai pas trouvé grand chose sur Internet.
Est-il possible d'utiliser la balise vidéo en HTML5 ?

Une aide serait la bienvenue.

Merci d'avance.

Samuel PATARIN
02/03/2018, 19h18
NoSmoking

Bonjour,

Citation:

Je n'ai pas trouvé grand chose sur Internet.

on pourrais savoir quels mots clé tu as utilisé.

Citation:

Est-il possible d'utiliser la balise vidéo en HTML5 ?

Oui !

Citation:

Une aide serait la bienvenue.

https://developer.mozilla.org/fr/doc.../Element/Video
03/03/2018, 15h58
patarins

Réponse

Bonjour,

J'ai cherché sur Internet : intégration d'un flux vidéo sur une page web mais je n'ai pas trouvé grand choses.

Dans les exemples avec la balise vidéo en HTML5, il n'y a pas grand chose concernant les flux vidéo.

Merci encore.

Samuel PATARIN
03/03/2018, 16h59
patarins

Encodage

Ne faut-il pas d'abord encoder le flux video avant de l'afficher dans une page web ?

Si oui comment ?

Merci d'avance.

Samuel PATARIN
05/03/2018, 13h44
patarins

Code

J'ai beau cherché sur Internet, je ne trouve des exemples d'intégration qu'avec des fichiers vidéos et non pas uniquement avec un flux.
J'ai d'ailleurs utilisé le code suivant :

Code:

<video width="320" height="240" controls="" src="http://technodom.ddns.net:1030/" autoplay="" tabindex="0"></video>

sans succès.

Merci pour votre aide

Samuel PATARIN
06/03/2018, 12h03
NoSmoking

Citation:

non pas uniquement avec un flux.

:oops: je n'avais pas pris en compte ce paramètre, mais je ne pourrais pas t'aider plus avant n'ayant jamais eu à traiter un tel besoin.

De ce que j'ai pu voir les urls commence par blob:
exemple

Code:

<video autoplay="" src="blob:https://replay.orange.fr/283b527a-abe1-4617-9fd9-b0bd98f05731"></video>

donc peut être voir du côté des blob.

J'ai également vu la library hls.js qui pourrait t’intéresser.
06/03/2018, 12h42
patarins

Suite

Merci pour votre aide.
J'ai essayé avec blob mais sans plus de succès.

Je vais continuer à investir mes recherches sur Internet.

Essai de code

J'ai essayé le code suivant trouvé a l'adresse : https://knowledge.parcours-performan...-raspberry-pi/

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Nautilus</title>
<link href="A-style.css" rel="stylesheet" media="all" type="text/css"> 
</head>
<body>
<H1>Tableau de bord maison</h1>
 
<section class="streaming">
<h3>streaming caméra Galaxy Tab GT-P6210</h3>
<img name="Galaxy Tab" src="http://192.168.1.30:8082/?action=stream" width="600" height="450" alt="Live Feed" title="Galaxy Tab" />
</section>
 
<section class="streaming">
<h3>streaming caméra IP Foscam FI8905W via pi nautilus</h3>
<img src= "http://192.168.1.30:8081/?action=stream" width="640" height="480" title="Foscam FI8905W"/>
</section>
 
</body>
</html>

En remplaçant les adresses IP par les miennes sans succès.

Merci d'avance pour votre aide