"img" 标签如何显示 运行 视频(非常想知道)
How "img" tag showing running video (very curious to know)
no response img 标签正在显示来自我的移动摄像头的实时视频,但响应为空。那么这是如何连续获取数据的呢?我附上了一段视频片段,请检查以了解确切的情况。谢谢你 !
img tag
我不是 100% 确定,但我的猜测是它只是每秒抓取一张图片 X 次,用名称 video
保存它,然后强制 <img />
的 src
属性以大致相同的频率更新。
此处似乎存在误导的是 Chrome 开发人员工具如何呈现信息。
首先,当您检查图像请求时,Chrome 中的响应选项卡总是显示 "empty"。我找不到原因。
理论上,当浏览器请求图像时,它会以字节流的形式返回。你甚至可以。但是,Chrome 会以某种方式向您隐藏它。
这里的另一件事是,当一个页面多次请求资源(img/js/css 或其他)时,Chrome Dev Tools 的网络选项卡将只显示对该资源的最后一次请求。
正如我所说,我不知道我是否正确。您可以前往 Chrome 开发者工具 -> 视频 -> 预览进行查看。如果我是对的,您会看到此选项卡中的内容也是 "streamed".
奖金:
其实你可以show a video in img tag!但是,就目前而言,它只适用于最新版本的 Safari。
no response img 标签正在显示来自我的移动摄像头的实时视频,但响应为空。那么这是如何连续获取数据的呢?我附上了一段视频片段,请检查以了解确切的情况。谢谢你 ! img tag
我不是 100% 确定,但我的猜测是它只是每秒抓取一张图片 X 次,用名称 video
保存它,然后强制 <img />
的 src
属性以大致相同的频率更新。
此处似乎存在误导的是 Chrome 开发人员工具如何呈现信息。
首先,当您检查图像请求时,Chrome 中的响应选项卡总是显示 "empty"。我找不到原因。
理论上,当浏览器请求图像时,它会以字节流的形式返回。你甚至可以
这里的另一件事是,当一个页面多次请求资源(img/js/css 或其他)时,Chrome Dev Tools 的网络选项卡将只显示对该资源的最后一次请求。
正如我所说,我不知道我是否正确。您可以前往 Chrome 开发者工具 -> 视频 -> 预览进行查看。如果我是对的,您会看到此选项卡中的内容也是 "streamed".
奖金: 其实你可以show a video in img tag!但是,就目前而言,它只适用于最新版本的 Safari。