问题标签 [smil]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
286 浏览

xml - SMIL 文件 xml 对 e4x 不友好?

我正在加载一个 smil 文件(遵循 xml 格式),它不会让我通过名称(例如xml.body)选择属性,而是我只能通过xml.child(0).

我试过了xml.child('body'),但仍然没有。有人知道快速解决方法吗?我希望能够访问xml.head.(@name=='rtmpPlaybackbase')和 XMLListxml.body.switch.video

非常感谢!

0 投票
1 回答
1161 浏览

html - SMIL(同步多媒体集成语言)的未来?

SMIL(同步多媒体集成语言)于 2008 年最后一次更新,有谁知道在同步多媒体文件时是否有更好的协议可以遵循?

0 投票
3 回答
1329 浏览

actionscript-3 - as3 命名空间 - 获取带有减号的属性

可能重复:
e4x / as3:如何访问名称中带有破折号的节点。

我已经为我的 XML 设置了命名空间以使用 SMIL,并且我能够以这种方式提取元素的 src 属性:

my.node.@src得到“这是一些 URL”

但是,我有另一个称为“系统比特率”的属性。由于减号,我不能这样做@system-bitrate所以我尝试了我通常做的那些my.node.attribute('system-bitrate')不起作用的事情。

奇怪的是,甚至不起作用my.node.attribute('src')。我怀疑这是由于命名空间?那么如何使用 获取属性ny.node.attribute

唯一有效的是my.node.attributes()[1]. 我知道这不是“正确的方法”,所以我希望有人能启发我!

仅供参考,我正在使用SMIL文件

** 编辑 **

这是我正在使用的 XML 所需的命名空间: default xml namespace = new Namespace('http://www.w3.org/2001/SMIL20/Language');

我正在使用的 XML 示例:

** DennisJaaman 的代码示例 **

0 投票
2 回答
1169 浏览

javascript - 使用 SMIL 为 SVG 设置动画

我正在尝试使用 SVG 为视频元素创建一个 UI。我正在寻找一个简单的解决方案来为控制栏设置动画,当鼠标在里面时我想从窗口底部升起(比如 YouTube)。

这是我想做的事情:

不幸的是,window.mouseover 没有做任何事情。相反,我创建了一个透明矩形来覆盖整个窗口,并给它一个 id="screen" 并使用 begin="screen.mouseover" 等。果然当鼠标在窗口中时,控制栏的动画就像我想要的那样,不幸的是,屏幕阻止了它下面的所有元素获得自己的鼠标事件。

我正在寻找最简单的方法来实现这一点,最好只使用标记(SMIL),因为我想避免使用大量的 JavaScript 或库。

谢谢!

>>>编辑<<<澄清我所追求的是什么:

我想为 HTML5 <video> 元素创建一个自定义 SVG UI。我的第一种方法是使用 document.createElementNS 将 SVG 动态插入到 DOM 中,但这很快就变得一团糟。接下来我尝试了拉斐尔,但这只会让它稍微不那么混乱。我决定希望 UI 成为一个自包含的文档,因此我决定为 UI 创建一个 SVG 文档,然后创建一个 <object> 元素,该元素将加载它并覆盖在 <video> 元素的顶部。我的问题是,只要鼠标在 UI 窗口内,我就无法让控制栏设置动画然后保持原位。此外,从父文档与 UI 通信也变得很痛苦。

我目前的解决方案:

我在我的 HTML 文档中放置了一个 <video> 元素,如下所示:

然后我使用以下JavaScipt(带有jquery):

这会将视频元素替换为 <object>,其数据 uri 设置为:video.xhtml#myvideo.webm

那么video.xhtml的内容是这样的:

此文档从哈希中获取视频 uri,并在 SVG UI 后面注入一个视频元素。由于它是一个 XHTML 文档(而不是 SVG),我现在可以使用 jquery 来处理鼠标事件,这并不理想,但它似乎可以工作。唯一的问题是我收到一个 JavaScript 错误:a.compareDocumentPosition 不是函数源文件:jquery.js 行: Firefox 中的 17。

这种方法有意义吗?有没有更好的办法?我也更喜欢仅使用 SMIL 而不是 JavaScript/jQuery 的动画解决方案。

谢谢!

0 投票
1 回答
835 浏览

ipad - 在 iPad 上使用 SMIL 播放部分视频

我有一个安装了平滑流媒体服务的 IIS 服务器和一个视频文件,它的长度等于 100。
让 SMIL 标记任何参数或下一个案例的其他内容:

  1. 如果 html5 视频标签,我将 SMIL 文件设置为源
  2. 在 SMIL 中,我设置了偏移量和持续时间等属性
  3. 视频播放时间为 20 秒到 50 秒,html5 视频控件应显示视频长度为 30 秒
  4. 它应该适用于 iPad

谢谢

0 投票
3 回答
3780 浏览

java - 如何在网页上突出显示文本 - 严格定时 - 一个没有 Flash 的卡拉 OK。什么技术选择?

我想显示一首诗的整个文本,然后根据预先确定的时间顺序突出显示文本。像卡拉OK,但没有任何音轨。然后,用户将能够以完全“正确”的速度阅读它。

我想我可以使用计时数据生成一个字幕轨道(例如,使用 Aegisum 之类的东西——尽管这在我的 Mac 上一直崩溃)。一行一行的,比如:

1 00:00:18,067 --> 00:00:20,067 Twinkle twinkle little star

2 00:00:20,467 --> 00:00:22,467 我怎么想知道你是什么

...或者更好的是,一次一个单词或一个音节。

出于 iPad/iPhone 的原因,我不想使用 Flash。

我的确切问题是,因为我有点天真:最好使用什么技术?我不需要一个确切的解决方案,只需要一些关于我应该集中精力的指针。HTML5(TTML)中的定时文本有什么我可以使用的吗?还是微笑?

0 投票
4 回答
6134 浏览

javascript - 带有动态添加元素的 SVG 动画

基于代码,我正在尝试为动态生成的 SVG 元素设置动画:

SVG 显示正常,但动画不起作用。如果我用纯 HTML/SVG 编写等效代码,它就可以工作。我正在使用 Chrome。

0 投票
1 回答
438 浏览

javascript - 在重复循环结束时修改 SVG animateTransform

我试图让对象随着时间的推移越来越快地旋转,并且每次动画重复时都会触发事件。SVG/SMIL 的repeatEvent似乎是我需要的,但在下面的代码中,onSpinEnd()似乎根本没有被调用。我究竟做错了什么?

事实证明,[0].slice(0, -1))不会从“16s”给我“16”;.slice(0, -1))将要。该行应为:

0 投票
0 回答
485 浏览

android - 如何在 Android 设备上获取原始彩信

我正在尝试调试运营商发送到手机的 SMIL 布局。似乎没有办法保存或查看设备收到的原始消息。有谁知道:

  1. 一种从默认消息传递应用程序保存或查看原始彩信的方法?

  2. 市场上可以提供这种可见性的应用程序?

0 投票
1 回答
1018 浏览

xml - 如何在 MMS SMIL XML 中编码特殊字符

我正在发送包含文本和图像的彩信。这很好用,但是当 SMIL 文件中的消息文本包含特殊字符(如挪威语 ÆØÅ)时,它不会正确编码。这是我的 SMIL 文件:

文件 20121002-144236.txt 包含特殊字符。有人吗?