用 SMIL 2.0 实现台标半透明叠印效果
2007-12-13 03:58
260 查看
定义播放区域大小为标准 352 x 288,而台标画面区域位于左上角,大小为 73 x 66,并且半透明效果。另外还包括了视频画面具有自动适应播放区域大小的功能。台标采用一个普通 jpg 或者 gif 均可,是否具有背景透明象素无关紧要。
<smil xmlns="http://www.w3.org/2001/SMIL20/Language" xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">
<head>
<layout>
<root-layout width="352" height="288" backgroundColor="black"/>
<region id="video_region" width="100%" height="100%" fit="meet">
<region id="video_region_logo" left="0" top="0" height="66" width="73"/>
</region>
</layout>
</head>
<body>
<par>
<!-- flag.jpg 做为台标图片,可实现半透明叠印效果 -->
<img src="flag.jpg" region="video_region_logo" rn:mediaOpacity="35%" fill="hold"/>
<video src="movie.rm" region="video_region" regPoint="center" regAlign="center" fill="remove"/>
</par>
</body>
</smil>
<smil xmlns="http://www.w3.org/2001/SMIL20/Language" xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">
<head>
<layout>
<root-layout width="352" height="288" backgroundColor="black"/>
<region id="video_region" width="100%" height="100%" fit="meet">
<region id="video_region_logo" left="0" top="0" height="66" width="73"/>
</region>
</layout>
</head>
<body>
<par>
<!-- flag.jpg 做为台标图片,可实现半透明叠印效果 -->
<img src="flag.jpg" region="video_region_logo" rn:mediaOpacity="35%" fill="hold"/>
<video src="movie.rm" region="video_region" regPoint="center" regAlign="center" fill="remove"/>
</par>
</body>
</smil>
相关文章推荐
- 【转】Asp.net1.1实现仿2.0的MasterPage效果
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- presentViewController 方法中实现半透明背景效果
- Android开发之滑动ScrollView实现ToolBar半透明效果
- vue2.0 使用element-ui里的upload组件实现图片预览效果方法
- css实现图片半透明效果
- JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
- JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
- DIV+JS实现半透明效果
- 用div层来实现页面半透明遮罩效果
- 实现Android半透明Menu效果的开发实例
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- android实现透明和半透明效果
- vue2.0 中使用transition实现动画效果使用心得
- vue2.0与bootstrap3实现列表分页效果
- ios7实现全屏模态半透明页面的效果
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果]
- CSS实现半透明效果实现及兼容性
- 角色和背景遮挡半透明效果的实现
- 终于实现了窗口的半透明效果,展示一下,自我庆祝一下