问题标签 [smil]

我正在尝试使用FakeSmile在 IE9 中伪造 SMIL 支持

我正在动态创建 SVG 元素，添加一个带有动画元素的矩形元素并调用 beginElement()。IE9 给我一个错误：对象不支持属性或方法 'beginElement'

静态 SVG 作品：http: //jsfiddle.net/FG3PG/1/

如何使用 FakeSmile 修复它？以下显示了我正在尝试做的事情：http: //jsfiddle.net/DgMDV/13/

这是相同的代码：

我希望我的 svg 在其内部的按钮悬停时更改其填充。

我认为这会起作用，但它保留了 #FF702A 的原始填充

有人可以帮忙吗？

/////编辑//////

我对其进行了重构以使其更简单。除非我遗漏了一些主要概念，否则仅使用 css 应该是可能的？

这是html-

这是相关的CSS

}

}

}

}

在悬停时隐藏文本是一种技巧，但为什么 svg 的可见性在悬停时不起作用？很抱歉从原来的问题采取不同的方向，但希望这能澄清一点。希望用纯 css 完成..

我有一堆视频存储在 MySql 数据库中（如果其他数据库或编程语言更好，请告诉我）并使用 php 抓取它们并将它们显示在网页上。据我所知，存储视频的最佳和最有效的方法是在服务器上的文件中，然后将视频的位置放入数据库中。我知道如何查询数据库以获取位置，我只是想知道如何获取位置并使用它来格式化和显示网页上的视频。我正在考虑使用 XML 或 SMIL。

有人可以给我一些关于如何做到这一点或任何更好的方法的想法。

我需要生成一个 MM7 Soap 消息，就像下面的一样。我可以生成 MM7 Soap，但 SMIL 消息部分和图像/文本附件存在问题。有谁知道如何生成这些零件？

--==========fBS6FtL4PDKimRjInCAaIDytdJ9ulmContent-Transfer-Encoding: 8bitContent-Type: multipart/related; 类型=“应用程序/微笑”；开始=“”；边界=481bf3d684924bbee13179cd4576eda8--481bf3d684924bbee13179cd4576eda8Content-Transfer-Encoding: 8bitContent-ID: <35_1>Content-Type: text/plain; name="35_1.txt"内容配置：附件；filename="35_1.txt"1.ABC 2. XYZ
--481bf3d684924bbee13179cd4576eda8 内容传输编码：8bitContent-ID：<35_2>Content-Type：image/jpeg；name="35_2.jpg"Content-Disposition：附件；文件名="35_2.jpg"......Exif..II*........Ducky.......<...... Adobe.d.................................

Content-Transfer-Encoding: 8bitContent-ID: Content-Type: application/smil; name="mms.smill"Content-Disposition：附件；文件名="mms.smill"

上面的代码在 Firefox 中按预期工作，但在 Chrome 中没有。在 Firefox 中，警报显示在动画的开头和结尾。如何在 Chrome 中实现这一点？

在所有媒体叠加教程中都缺少它还是我缺少它？

为了制作 MediaOverlay，所有教程都说我们应该：

1. 在 xhtml 中包含文本；

   ...

2. 在相关的 .smil 中；

   /li>

3. 音频（.mp4）保存在应有的位置。（音频/mobydick_001_002_melville.mp4）

4/ .xhtml 和 .smil 之间的关联在 opf 文件中完成，部分：

好的，我们已经完成了所有这些，但问题是如何播放媒体覆盖？如何启动音频文件并突出显示文本？iBooks 应用程序的“开始阅读”按钮有什么作用？

嘿，伙计们和极客们！

我对 Web 3.0 有这个革命性的想法，呵呵。我将创建一个 SVG-UI-lib 一个 jQuery-UI。为了使某些功能成为可能，我需要 fork/contribute 到 d3.js。IE。我希望能够沿曲线/路径设置动画/定位。

是的，我知道有 Raphael，但是 d3 在 github 上，我更喜欢 d3s 的语法......

所以，我现在正在考虑的是如何创建实际上不是直线而是路径的滚动条——非常“华丽”，对吧？

因此，我找到了一种使用 SMIL 的方法：使用 beginElementAt() 和 endElementAt() 或 pausAnimations() 的某种组合将允许我沿路径设置动画......而没有时间通过​​利用路径精确到该位置。pathLength attr .getTotalLength() 方法 --- 使用旋转属性我什至可以让它沿着路径倾斜度旋转

因此，在这里的另一篇文章中，我发现了美妙的方法 getPointAtLength(0..1) 这将使沿着路径创建滚动条变得很容易......而且我真的不需要旋转，因为它还不错如果手柄始终以 90 度的方式定向，以提示其行驶方向。

但无论如何，我想知道，

_ 有没有像 getPointAtLength(0..1) 这样的方法来表示方向？？？_

干杯，乔汉内斯

寻找有关如何使用 SVG 为看起来像激光的东西绘制草书字体的动画的想法。动画可以用 SMIL 或 JavaScript 我不在乎 - 虽然我认为用 SMIL 会更容易。

我很确定如果我可以将字母表示为路径，我可以弄清楚如何将一条线从固定点动画到单词路径 - 即使路径是不连续的。

有任何想法吗？

编辑我的演示非常基础，基本上我为每个字母编写了动画函数并安排了它们的时间。以字母 X 为例：

我相信我们都同意这不是一个理想的长期解决方案......我认为沿着路径为 LINE 的一端设置动画会相对容易，但我在获取路径时遇到了问题......

我有以下（简化的）SVG：

当我单击路径以获取长度时，Firefox v16 报告 82.4... 这是我用于 dasharray 的。但它从已经绘制的部分路径开始，擦除它然后再次绘制完整路径！？我修改了他的 dasharay 值，当我使用 110 时它可以工作，但我不知道为什么！

我还没有尝试过其他浏览器或更新版本的 Firefox...

注意完整的问题是将单词转换为路径。路径是不连续的 - 它有 5 个部分（脚本形式的“e”、“z”和“h”有一个循环，第一个字母“L”不与其余部分连接）。我想做的是让它看起来像激光正在绘制字母。在之前的问题中，我了解到为 dashoffset 设置动画可以达到这种效果。我终于能够使用 Inkscape 将文本转换为路径。现在我在制作动画时遇到了麻烦。

我尝试为 dasharray 设置动画。这适用于正确的长度，但是对于更大的完整单词示例（7 个字母长和 822 个单位长），它看起来好像有多个路径在起作用——不仅仅是 5 个不连续的部分，而是 9 个不同的路径。当我尝试为完整单词上的 dashoffset 设置动画时，我根本看不到任何动画 - 单词刚刚完全形成。

我想创建一个 SVG 动画并使用 SSML 包含旁白，理想情况下我希望能够在浏览器中播放动画。

我做了一些研究，SMIL（同步多媒体集成语言）听起来像我想要的，但据我所知，SMIL 没有得到广泛支持（http://www.w3.org/AudioVideo/ 声明“SYMM WG 是自 2012 年 4 月 1 日起关闭。”我不确定这是否意味着规范完全失效）。

谁能告诉我是否有支持 SVG、SSML 和 SMIL 的开发工具或播放器。（Ambulent(http://www.ambulantplayer.org/) 播放器支持 SMIL，但不支持 SSML）？

对于如何使用其他技术实现相同结果的任何建议，我也将不胜感激。