Javascript 如何使用html5视频重播棋盘游戏

是否可以将棋盘游戏（例如，国际象棋）的动作回放为html5视频，两个动作之间有可配置的延迟

由于这是几乎所有游戏的共同要求，我希望应该有一个标准的方法来做到这一点

---

一种方法是使用JavaScript和DOM操作绘制移动，但我试图给它提供原生html5视频用户体验

尝试为视频标签添加循环属性一旦视频完成播放，它将从开始开始开始

---

loop=“loop”

支持的html5视频格式有OGG、H.264、Theora和WebM

• 如果您可以将游戏编码为这些格式中的一种（但最好都是为了兼容性），那么您可以在html5

  video

  对象中进行游戏

• 如果希望在html页面上绘制和操作图形，可以使用

  canvas

  对象

• 如果您对仅仅移动图形感到满意，那么可以使用

  Javascript

  和

  CSS

---

HTML5视频用于播放视频。你有这个游戏的录像带吗？如果没有，那你就不能那样做。我没有视频。我有游戏移动（~4kb，Json格式，解释根据游戏而不同）。我可以在这里举一个相关的例子。使用三星galaxy sIII，用户可以编辑和发送短信应用程序中的幻灯片（以“-”分隔）。这些幻灯片可以使用本机视频播放器进行预览。这听起来更像是三星视频/短信应用程序的一项功能，而不是HTML5视频。不，这只是视频播放器播放自定义内容（文本/短信）的一个示例。：）我认为这是一个操作系统在其应用程序之间执行一些专有魔法的例子。这并不意味着他们的视频播放器完全支持自定义事件。选项（1）是一个理想的解决方案。为什么这是理想的解决方案？任何能够理解

视频

标记的浏览器都应该支持

画布

，这对于浏览器和服务器来说都是轻量级的。假设您的游戏是用canvas或javascript编写的，相比之下，使用这些技术重放游戏就微不足道了。如果您仍然需要

视频

对象，您的工具是什么？您应该尝试找到一个解决方案，如何使用您可以使用的工具（安装在web服务器上的php/asp/.net/java/isapi dll等）将图形动态转换为视频。从某种意义上说，这是一个理想的解决方案，它将提供本地客户端视频播放体验，并且可以发布到youtube上。当我们进入选项2和选项3时，一切都变得简单了。如果我能轻松地完成选项（1）和选项（3），那就太棒了（一个播放自定义格式的视频播放器；提供一个解码器）。好消息是，使用Javascript/CSS/Canvas，您可以相当轻松地构建自己的“视频播放器”，它可以做任何您想做的事情。诚然，它不会以本机方式全屏显示，也不会有本机控件，但它将比下载完整视频（尤其是通过蜂窝网络）更加轻量级和更快。如果你想将游戏的演示上传到youtube，请使用屏幕录制软件。并将相应的“共享”按钮添加到您的游戏视频播放器中，您仍然可以进行病毒传播。：）我将使用选项（3），HTML+js+CSS唯一的解决方案，因为它很容易开始。