问题标签 [smil]

我们将 JWPlayer 5 与 Wowza Media Server 3 一起使用。我们使用 SMIL 文件通过 RTMP 流式传输视频文件以进行比特率切换。我们的问题与 RTMPT 回退有关。

当我们有一个文件（不使用 SMIL）时，视频将很好地回退到 RTMPT。

这有效：

但是，当引入 SMIL 文件时，不会发生回退。

这不起作用：

SMIL 文件：

请注意：SMIL 版本在公司防火墙之外工作。只有在企业防火墙内部，它才应该切换它不起作用的 RTMPT。

我们怎样才能让 RTMPT 回退和 SMIL 比特率切换同时发挥得很好？

我正在尝试使用 <set> 标签设置形状的旋转角度，但对于我的生活，我无法弄清楚。什么是正确的语法？

编辑：澄清 - 我试图将它设置为特定角度一段时间，而不是在那里设置动画。我希望它从 0 旋转跳到 110（在上面的这个例子中）

考虑这个简单的 SVG SMIL 动画：

这在 Windows 上的 Chrome v18 中正常工作（以保持颜色为模的错误）： http:
//phrogz.net/svg/change-color-on-click-simple.svg

当我<animate>使用 JavaScript 生成元素时，在 Firefox、Safari 和 Opera 中一切正常，但在 Chrome 中却不行。在 Chrome 中，当我单击圆圈时没有任何反应。

在此处查看此 JavaScript 版本：http:
//phrogz.net/svg/change-color-on-click-simple-js.svg

控制台中没有脚本错误。第一个示例的内容实际上是在加载第二个示例后通过从 Chrome 开发人员工具中选择 Copy As HTML 生成的，因此我知道它正在生成正确的属性名称和值。两者（SVG命名空间）之间namespaceURI的<animate>元素是相同的namespaceURI，所有属性（null）也是如此。

有没有办法让 JS 生成的<animate>元素在 Chrome 中工作？

我希望能够使用 iscroll.js 的向左/向右滑动功能到 timesheet.js SMIL Timing 幻灯片引擎与音频同步。

向左或向右滑动可推进幻灯片/音频。

iscroll.js：http ://cubiq.org/iscroll

timesheet.js 音频同步演示：http ://wam.inrialpes.fr/timesheets/slideshows/audio.html

I've embedded a <div> in a <svg> using <foreignObject>. I want to <animate>its CSS attribute opacity, fading it in when the page has loaded. So I specified an XLink locator, referring to the target element to be animated:

(The svg is embedded in a HTML5 document).

Testing it in chrome, It doesn't work. On native svg elements however, it does. How do I make this work in objects embedded with <foreignObject>?

假设我有一个昆虫的 SVG。除非以这种方式不可能，否则我想将其插入为<img />或<object />标记。

现在，insect.svg有两个动画：一个用于行走，另一个用于飞行。

我想从 HTML 的 JavaScript 单独启动/停止这些动画（或者从 HTML JavaScript 调用嵌入 SVG JS 函数“walk”或“fly”）。

所以，最后，如果在游戏过程中我想让我的昆虫飞起来，我可以用 JS 告诉它这样做，并在它不应该再飞时告诉它停止。走路也一样。

有没有办法做到这一点？在过去的一个小时里，我一直在谷歌搜索，并没有真正的发现。如果这是一个问题，我不关心 IE 支持。

感谢您的时间！

我有一个 L 形<path>元素，我尝试使用<animate>它的d属性使其顺利增长：http: //jsfiddle.net/Mathiasa/be5HS

我以前用 S 形试过它，它可以工作：http: //jsfiddle.net/Mathiasa/bq9dt/

为什么 L 形不像 S 形那样缩放 - 因为我使用相同的方法？

我有：

我希望循环执行这些指令。

我创建了一个包含 3000 多个路径的怪物动画 SVG 文件。每个路径都使用声明性 SMIL 动画独立制作动画。它在所有新浏览器中播放缓慢但很漂亮，使用 IE9 的小 js 后备。（我会发布一个链接，但它不会澄清任何事情。）

我使用 HTML5 和内联 SVG 开发了该页面。就在我完成的时候，我意识到我不想强迫移动浏览器阻塞这个巨大的文件。因此，我将 svg 移至外部文件，并将所有 xml 声明重新添加进去。在页面中的重要信息已经呈现后，我使用一些条件逻辑和一些教科书 ajax 调用外部 svg：

各种浏览器中的检查器工具显示文件正在正确加载。问题是动画永远不会被触发，所以什么也没有发生！它们在 DOM 中。我可以看到他们。但是，在标记中启动 SMIL 动画的任何计时器或事件似乎都不适用于动态加载的动画元素。

但后来我阅读了关于 Bugzilla 的这个错误报告，它专注于这个用例，并表明问题已经解决（尽管对于我在 FF13 中的测试，它显然还没有解决）。唔...

是否有一些自定义函数或声明可用于在动态加载的 SVG 内容中启动 SMIL 动画的时钟？即使答案是明确的“不”，对于像我这样的人来说，知道一种或另一种方式也会很好。感谢您的澄清！

更新：

这是原始的svg文件。它适用于 FF、Opera 和 Webkit。请耐心等待：

http://位。ly/LC3LEQ

这是一个页面，它引用了来自同一个域的同一个 SVG 文件。我已经更改了appendChild我之前代码中的语句以包含一个adoptNode()方法，该方法使它在 FF13 和 Opera 11.64 中工作，但动画仍然从未在 webkit 中启动：

http://位。ly/Mk0lnz

如何将 SMIL 文件附加到 HTML 文件中并在浏览器上运行？这是我的 SMIL 文件

谢谢

尼基尔