posts - 40, comments - 13, trackbacks - 0, articles - 1
  IT博客 :: 首页 :: 新随笔 :: 联系 ::  :: 管理

SVG中的声音关联

Posted on 2005-12-16 18:50 WJH 阅读(697) 评论(0)  编辑 收藏 引用 所属分类: 工作相关
 SVG中的声音关联
声音 
源代码: 
 
<?xml version="1.0" encoding="utf-8"?>

<svg xmlns:a="http://www.adobe.com/svg10-extensions" a:timeline="independent" width="100" height="50">

<a:audio xlink:href="love.mp3" begin="0s" />

<text x="50" y="20" style="fill: red; text-anchor: middle">
MP3+SVG=COOL
</text>

</svg>
 
 
 
讲解: 
 
SVG支持外部音乐文件的关联,通过SVG插件播放(建议使用adobe svg插件2.0 beta版).音乐文件格式可以是wav也可以是mp3.

绿色部分是声明部分.xmlns是xml的名字空间.(很奇怪,如果不用http://www.adobe.com/svg10-extentions作为名字空间,音乐无法正常播放,其原因还不明确--蓝骑士注).a:timeline声明时间线的长度,这里为不确定值independent.

红色部分是链接属性,播放音乐一定要使用a:audio标签.xlink:href指明链接地址,可以是绝对路径也可以是相对路径.begin表示音乐从哪个时间开始播放.可以自定义数值.

这里的mp3长度为90多k

只有注册用户登录后才能发表评论。