HTML3-视频图像的插入

目标：

分帧窗口实例：

左右分割：

<html>
<head>
<title>分帧窗口示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset cols="20%,*" >
<frame name="leftFrame" noresize src="http://www.baidu.com">
<frame name="mainFrame" noresize src="http://www.sohu.com">
</frameset>
<noframes>
<body>
<p>很抱歉！这是一个分帧页面，但由于你的浏览器不支持，所以不能浏览！ </p>
<p>Sorry!This page uses frames,but your browser doesn't support them .
</body></noframes>
</html>

上下分割：

<html>
<head>
<title>分帧窗口示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="20%,*">
<frame name="topFrame" scrolling="NO" noresize src="" >
<frameset cols="18%,*">
<frame name="leftFrame" noresize src="">
<frame name="mainFrame" src="">
</frameset>
</frameset>
<body>
<p>很抱歉！这是一个分帧页面，但由于你的浏览器不支持，所以不能浏览！ </p>
<p>Sorry!This page uses frames,but your browser doesn't support them .
</body></noframes>
</html>

网页中加声音：

<html>
<head>
<title>html演示文档</title>
</head>
<body>
<BGSOUND SRC=danyuan.mid LOOP=True>
欢迎您来到百纳学习！<br>
<br>
今天的投入，明天丰厚的收入！
</body>
</html>

添加控件后的声音播放

<html>
<head>
<title>添加音乐播放的控件</title>
</head>
<body>
<EMBED src=kissbye.mid width=145 height=60 autostart=True loop=True></EMBDE>欢迎您来到百纳学习！<br>
<br>
今天的投入，明天丰厚的收入！
</body>
</html>

网页中加视频：

无控件：
<html>
<head>
<title>视频动画loop</title>
</head>
<body>
<video>
<source src="案例视频.mp4"></source>
</video>
</body>
</html>
或：
<html>
<head>
<title>html演示文档</title>
</head>
<body>
<video>
<source src="案例视频.mp4">
</video>
<br></body>
</html>
另一种方式，但不通用：
<html>
<head>
<title>视频动画</title>
</head>
<body>
<img src="" dynsrc="clock.avi"><BR><BR><br>
欢迎您到百纳学习!
</body>
</html>加控件：
<html>
<head>
<title>html演示文档</title>
</head>
<body>
<video controls loop height=600px width=600px>
<source src="案例视频.mp4">
</video>
<br>
今天的投入，明天丰厚的收入！
</body>
</html>

循环显示：

<html>
<head>
</head>
<body>
<marquee width=250>欢迎您到百纳学习!</marquee>
<p>
<marquee scrolldelay=5 scrollamount=150>哗！！太快了，我都昏啦</marquee>
</body>
</html>

HTML3-视频图像的插入相关推荐

【实战】物联网安防监控项目【5】———把模拟数据传输到web网页、web显示mjpeg-streamer视频图像
1.模拟数据传输到web 为了把硬件传感器上的数据上传到web网页,我们需要在跑linux服务器的开发板上写一个应用程序,并创建出几个线程来收集传感器检测到的数据,通过进程/线程间通信.boa与cgi ...
ws键盘右键_QTP 视频图像鼠标右键的录制
一．对下面的视频图像录制鼠标右键操作,代码如下: Setting.WebPackage("ReplayType") = 2//修改值为2,代表使用鼠标运行鼠标操作 Window(& ...
在多人音视频聊天中插入现场直播
如何在聊天中插入现场直播呢? 今天我就教给大家怎样在我们的聊天中插入现场直播.(本文聊天以多人音视频为例) 首先,我们要知道现场直播是什么呢? 它是通过流媒体技术来实现实时在线播放什么是流媒体呢? ...
VB实现USB摄像头视频图像的监控、截图、录像
本程序用四个按钮实现对摄像头视频的监控.截图.录像,可以分别保存为图片文件和视频文件.保存的视频文件可以用媒体播放机(Windows Media Player). 暴风影音等软件进行播放,轻松实现家庭 ...
用java实现给图片增加图片水印或者文字水印（也支持视频图像帧添加水印）
javaCV图像处理系列: javaCV图像处理之1:实时视频添加文字水印并截取视频图像保存成图片,实现文字水印的字体.位置.大小.粗度.翻转.平滑等操作 javaCV图像处理之2:实时视频添加图片水 ...
paper 89:视频图像去模糊常用处理方法
随着"平安城市"的广泛建设,各大城市已经建有大量的视频监控系统,虽然监控系统己经广泛地存在于银行.商场.车站和交通路口等公共场所,但是在公安工作中,由于设备或者其他条件的限制,案情 ...
DM368学习--捕获视频图像分辨率修改
encode的选项设置里有个: -r <resolution>, --resolution <resolution> The resolution of video to en ...
AMAP-TECH算法大赛开赛！基于车载视频图像的动态路况分析
简介:车载视频图像包含了更多的信息量,给了我们另外一个解决问题的视角.通过视频或图片,可以观察到路面的真实状态,包括机动车数量.道路宽度和空旷度等等.基于车载视频图像可以获取更准确的路况状态,为用户出 ...
顺义教委携手华平共建视频图像综合管理平台
随着经济的发展和社会的进步,北京顺义区的教育也迈上了新的台阶.据初步统计,目前全区有中小学.幼儿园.中等职业学校115所,大学8所,培训机构86个,在校生近10万人,教职工13000余人.多年教育信息 ...
matlab 获取视频图像的信息
获取视频图像的信息可以通过get函数来获取,如get(vid)或者get(getselectedsource(vid)).使用set函数可以设置摄像头获取的图像的一些属性值,也可以直接使用结构数组的& ...

HTML3-视频图像的插入

目标：

分帧窗口实例：

网页中加声音：

网页中加视频：

循环显示：

HTML3-视频图像的插入相关推荐

最新文章

热门文章