问题标签 [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.
xml - SMIL 文件 xml 对 e4x 不友好?
我正在加载一个 smil 文件(遵循 xml 格式),它不会让我通过名称(例如xml.body
)选择属性,而是我只能通过xml.child(0)
.
我试过了xml.child('body')
,但仍然没有。有人知道快速解决方法吗?我希望能够访问xml.head.(@name=='rtmpPlaybackbase')
和 XMLListxml.body.switch.video
非常感谢!
html - SMIL(同步多媒体集成语言)的未来?
SMIL(同步多媒体集成语言)于 2008 年最后一次更新,有谁知道在同步多媒体文件时是否有更好的协议可以遵循?
actionscript-3 - 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 的代码示例 **
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 的动画解决方案。
谢谢!
ipad - 在 iPad 上使用 SMIL 播放部分视频
我有一个安装了平滑流媒体服务的 IIS 服务器和一个视频文件,它的长度等于 100。
让 SMIL 标记任何参数或下一个案例的其他内容:
- 如果 html5 视频标签,我将 SMIL 文件设置为源
- 在 SMIL 中,我设置了偏移量和持续时间等属性
- 视频播放时间为 20 秒到 50 秒,html5 视频控件应显示视频长度为 30 秒
- 它应该适用于 iPad
谢谢
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)中的定时文本有什么我可以使用的吗?还是微笑?
javascript - 带有动态添加元素的 SVG 动画
基于此代码,我正在尝试为动态生成的 SVG 元素设置动画:
SVG 显示正常,但动画不起作用。如果我用纯 HTML/SVG 编写等效代码,它就可以工作。我正在使用 Chrome。
javascript - 在重复循环结束时修改 SVG animateTransform
我试图让对象随着时间的推移越来越快地旋转,并且每次动画重复时都会触发事件。SVG/SMIL 的repeatEvent似乎是我需要的,但在下面的代码中,onSpinEnd()
似乎根本没有被调用。我究竟做错了什么?
事实证明,[0].slice(0, -1))
不会从“16s”给我“16”;.slice(0, -1))
将要。该行应为:
android - 如何在 Android 设备上获取原始彩信
我正在尝试调试运营商发送到手机的 SMIL 布局。似乎没有办法保存或查看设备收到的原始消息。有谁知道:
一种从默认消息传递应用程序保存或查看原始彩信的方法?
市场上可以提供这种可见性的应用程序?
xml - 如何在 MMS SMIL XML 中编码特殊字符
我正在发送包含文本和图像的彩信。这很好用,但是当 SMIL 文件中的消息文本包含特殊字符(如挪威语 ÆØÅ)时,它不会正确编码。这是我的 SMIL 文件:
文件 20121002-144236.txt 包含特殊字符。有人吗?