文件名称:dynamic-media-fragments:探索关于动态空间媒体片段的想法及其在媒体片段 URI 中的表示
文件大小:9.66MB
文件格式:ZIP
更新时间:2024-06-27 16:21:17
JavaScript
动态媒体片段 我目前正在探索有关动态空间媒体片段及其在的表示的想法,以突出显示 Web 视频中的移动目标。 我对动态空间媒体片段进行了第一次尝试,并设法拼凑了一个。 让它加载并播放视频,大约 10 秒后,您应该会看到一些东西(观看左上角并查看黄色高亮div )。 包含一个时间媒体片段t=0,50和一个动态空间媒体片段xywh=0,0,10,10,20,50,120,150,120,40,180,90,200,200,100,100,300,100,90,200 命名标准)。 如您所见,以逗号分隔的四元组列表标记了移动xywh的“关键帧”。 浏览器通过自动生成的从关键帧到关键帧的平滑插值。 一定要检查 DOM 树并查看自动生成的style元素并观察类在突出显示的div上动态变化。 冻结和解冻状态工作得很好(播放→暂停→播放),但是搜索仍然存在一些问题。 我正在努力在接下来的几天内解决这些
【文件预览】:
dynamic-media-fragments-master
----.gitignore(536B)
----main.css(87B)
----main.js(5KB)
----videos()
--------big_buck_bunny.mp4(5.26MB)
--------big_buck_bunny.webm(4.84MB)
----LICENSE(11KB)
----README.md(2KB)
----index.html(551B)