小编Spa*_*rky的帖子

multipart/x-mixed-replace 内容类型的视频流问题

美好的一天，我使用 esp8266 模块作为服务器，带有摄像头模块通过 wifi 连续传输 jpeg 图像。我想同时在同一个浏览器窗口中播放流视频、文本和按钮。所以我用 HTML 创建了网页，我使用“multipart/x-mixed-replace”内容类型作为流窗口、文本和按钮，因为我读到这种类型接受各种子类型，如 html 和图像。流媒体窗口有效，但...

当我向服务器发送视频请求时，我会看到视频流一段时间，然后屏幕显示文本和按钮几分之一秒，然后视频流再次继续。它们永远不会一起出现在同一个窗口中。它们只是闪烁。
流窗口位于浏览器选项卡的中心，周围是灰色背景，我不知道如何更改位置和颜色，也不知道为什么它们会这样显示。
当我打开浏览器的“检查元素”选项以检查从服务器发送的代码（我编写的 HTML 代码）时，我注意到在标签内，有 4 行 HTML 代码我没有写在我的代码中。他们只是不知从哪里冒出来，我不知道如何阻止他们。

总而言之，我想要做的是在同一个浏览器窗口中同时拥有流式视频窗口、文本和按钮。

下面是我编写的 HTML 代码和流窗口的图像，我相信我在内容类型上做错了或者我没有以正确的方式使用它。

HTTP/1.1 200 OK
Content-Type: multipart/x-mixed-replace; boundary=frame

--frame                     //this part shows the jpeg image captured
Content-Type: image/jpeg
..
fetch jpeg image part
..
--frame                     //this part hopefully adds text and buttons 
Content-Type: text/html     // along with the streaming video window 
<!DOCTYPE HTML>             //This is the idea at least...

 <html>
    <body>
        <h1 style="position:relative; left:25px;"> &#9875 Observation Panel &#9875</h1> …

Run Code Online (Sandbox Code Playgroud)

html video content-type multipart-mixed-replace mime-types

Spa*_*rky

lucky-day

3
推荐指数

1
解决办法

8176
查看次数