全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
809 6
2019-04-27
例子:
<h3>加入影片</h3>
<video controls="controls">
    <source src="multimedia/butterfly.mp4" type="video/mp4" />
    <source src="multimedia/butterfly.ogg" type="video/ogg" />
    你的浏览器不支持此影音播放模式!
</video>

常见的视频编码与译码技术有H.264、Ogg Theora、WebM/VP8 三种。处理音频的是Ogg Vorbis;
H.264编码编码适用于多种影片格式,例如QuickTime的MOV文件、优酷等各大网络影音网站中常见的FLV文件;
WebM是Google发布的影音编码格式

添加Flash动画
Flash动画是矢量格式,文件小且不失真,不仅可以加入音效,还可以制作交互效果。
<embed src="movie.swf" width="100" height="100"  />

传统的影音播放器,是使用<object>标记
<iframe>也可以嵌入视频。src="http://domain/embed/uq2RBrjP3KQ?autoplay=1" </iframe>  自动播放
ch5. 网页存储Web Storage
是一种将少量数据存储在客户端(client)磁盘的技术。使用JavaScript来操作

早前,网页中是使用Cookie。Cookie与Web Storage两者既有不同处,也有相似处。
大小不同(Cookie 4kb,Web Storage容量由Browser决定,一般1M-5M)
安全性不同(Cookie每次处理网页的请求都会连带发送Cookie值给服务器,使得安全性降低。WebStorage纯粹运行在客户端)
都以一组Key-Value对应保存数据

Web Storage提供两种方式将数据保存在客户端:
localStorage
sesssionStorage
两者差异在于生命周期和有效范围(前者执行删除命令才会消失,同一网站的网页可以跨窗口和分页;后者浏览器窗口或分页Tab关闭就会消失,仅对当前浏览器窗口或分页有效)

检测浏览器是否支持WebStorage:
if(typeof(Storage)=="undefined")
{
         alert("您的浏览器不支持Web Storage")
}else{
         //localStorage 和 sessionStorage程序代码
}
目前IE8+、Firefox、Opera、Chrome、Safari都支持Web Storage

二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

全部回复
2019-4-27 14:32:21
点赞
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-27 14:40:29
为您点赞!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-27 14:41:27
感谢分享,向您学习,赞!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-27 16:58:17
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-27 19:13:28
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

点击查看更多内容…
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群