Détecter à quel instant un flux en streaming n'est plus diffusé

**tabkelm** · 04/05/2023, 03h20

bonjour,

j'ai découvert en ligne les testeurs de flux en streaming en entrant une adresse URL du site qui diffuse.
1)Il me semble que l'url du stream est différente de celle du site.Est-ce cela?

2)si oui,comment la trouver?

3)en consultant les requêtes html envoyées sur mon navigateur par le site serveur,comment détecter à quel instant un flux en streaming n'est plus diffusé?
a)en ligne? comment?
b)avec une extension du navigateur?laquelle?
c)avec du code.Lequel et quelle syntaxe précise?

N.B: j'ai trouvé ce tuto:
https://jf-blog.fr/utiliser-sa-webca...-getusermedia/

mais je pense que ce n'est pas suffisant

merci de votre aide

**tabkelm** · 10/05/2023, 16h54

ceci est mieux:
https://developer.chrome.com/blog/me...ded-and-active

J'ai codé ceci:

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
21
22
23
24
25
26
27
<html>
<head>
  <title>Video Stream Detection</title>
</head>
<body>
  <video id="video" autoplay controls></video>
 
  <script>
    var video = document.getElementById('video');
 
    // Check if the video stream is present
    function checkStream() {
      if (video.error) {
        console.log('Stream absent');
      } else {
        console.log('Stream present');
      }
    }
 
    // Call checkStream() every second
    setInterval(checkStream, 1000);
 
    // Set the video source to your URL
    video.src = 'http://url_address';
  </script>
</body>
</html>

**tabkelm** · 18/05/2023, 19h03

ceci est encore mieux:

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta content="Display Webcam Stream" name="title">
  <title>Display Webcam Stream</title>
  <style>
    body {
      margin: 30px;
    }
 
    h1 {
      font-family: sans-serif;
      color: #666;
    }
 
    #container {
      width: 500px;
      height: 375px;
      border: 10px #333 solid;
    }
 
    #videoElement {
      width: 500px;
      height: 375px;
      background-color: #666;
    }
 
    button {
      margin-top: 20px;
      font-size: 12px;
      font-weight: bold;
      padding: 5px;
      background-color: white;
      border: 5px solid black;
    }
 
    button:hover {
      background-color: yellow;
    }
 
    button:active {
      background-color: yellowgreen;
    }
 
    #streamStatus {
      margin-top: 10px;
    }
  </style>
</head>
 
<body>
  <h1>Stop Webcam Stream</h1>
  <div id="container">
    <video autoplay="true" id="videoElement"></video>
  </div>
  <button id="play">Play Video</button>
  <button id="stop">Stop Video</button>
  <div id="streamStatus"></div>
 
  <script>
    var video = document.getElementById("videoElement");
    var playVideo = document.getElementById("play");
    var stopVideo = document.getElementById("stop");
    var statusElement = document.getElementById("streamStatus");
 
    playVideo.addEventListener("click", play, true);
    stopVideo.addEventListener("click", stop, false);
 
    if (navigator.mediaDevices.getUserMedia) {
      navigator.mediaDevices.getUserMedia({ video: true })
        .then(function (stream) {
          video.srcObject = stream;
        })
        .catch(function (error) {
          console.log("Something went wrong!", error);
        });
    }
 
    function play() {
      var stream = video.srcObject;
      if (stream == null) {
        navigator.mediaDevices.getUserMedia({ video: true })
          .then(function (stream) {
            video.srcObject = stream;
            stopVideo.disabled = false;
          })
          .catch(function (error) {
            console.log("Something went wrong!", error);
          });
      }
    }
 
    function stop() {
      var stream = video.srcObject;
      if (stream) {
        var tracks = stream.getTracks();
        for (var i = 0; i < tracks.length; i++) {
          var track = tracks[i];
          track.stop();
        }
 
        video.srcObject = null;
        stopVideo.disabled = true;
      }
    }
 
    // Check if the video stream is present
    function checkStream() {
      if (video.srcObject === null) {
        statusElement.textContent = "Stream absent";
      } else {
        statusElement.textContent = "Stream present";
      }
    }
 
    // Call checkStream() every second
    setInterval(checkStream, 1000);
  </script>
</body>
</html>

Détecter à quel instant un flux en streaming n'est plus diffusé

Conception Web

Discussions similaires

Partager

Partager