web中的多媒体

什么是多媒体

根据百度百科
多媒体是多种媒体的综合,一般包括文本,声音,影片和图像等多种媒体形式。

多媒体的作用

  1. 向用户提供丰富的信息
    多媒体向用户提供多种形式的信息,让用户能够使用多种感官了解某个事物,从而加深对钙食物的印象和认知
  2. 多媒体是信息更形象生动
    使用多媒体可以将静态的信息,以动态的形式进行表现,更加有趣,同时用户还也可以与媒体进行互动,产生相应的改变,提高用户体验。

web中的多媒体

  1. 文字
    在网页发展的早期,都是用文字展示信息,没有其他的媒体形式
  2. 图片
    在经过一段时间的发展之后,开始出现图片
  3. 音频、视频、动画
    在HTML5中出现新增的audio和video元素使网页能够显示视频和音频
    动画方面,在css3没有提出动画功能之前,都是通过Flash制作动画在嵌入到网页中,随着技术的发展css3提出动画功能,Flash技术逐渐被淘汰,如今大都使用css动画或者js制作动画和特效

web应用多媒体的问题

  1. 兼容性
    由于多媒体的格式较多,仅图片的格式就有jpg、gif、png、webp等格式,再加上视频和音频也都有各自的格式,而浏览器又有多种,每种浏览器对文件格式的支持情况不同,在开发网页时就需要考虑兼容性的问题
  2. 网页性能问题
    多媒体文件在网页上显示都需要向服务器发送请求在加载到网页中,这个过程需要花费时间,有的媒体形式数据较大特别是视频,数据量要多于其他形式的信息,加载时将更长,用户需要等待的时间也会更长,降低用户体验,从而减少网页的访问量达不到商业目的。

web中多媒体解决方案

  1. 使用新的多媒体技术
    多媒体的缺点多媒体技术人员自然也知道,多媒体技术也是在不断发展,新的多媒体技术也可以在一定程度上解决在web中使用多媒体的问题,比如压缩技术,将多媒体文件压缩后再进行传输,可以减少一定的加载时长
  2. 使用编程语言控制文件的加载
    在网页的开发过程中,结合浏览器的工作原理对资源加载算法和顺序进行优化,使用编程语言控制资源的加载,在资源能够顺利加载的情况下尽可能的提高网页的性能。
  3. 优化网页设计
    在网页设计时合理使用多媒体,减少多媒体的形式,尽量减少在同一张网页中出现的媒体形式的数量,是媒体的形式和数量能够均匀地分布在每一张网页中,以提高每一张网页的加载速度。

总结

  1. 网页中的多媒体是逐渐增加,逐渐发展的,网页技术的发展能够显示的媒体的形式也逐渐增加。
  2. 网页中使用多媒体会出现一些问题,在使用时不应滥用,在网页设计时也应考虑到网页的性能问题,在出现多媒体在网页中使用的问题时应该采取多种方式进行解决。
HTML5提供的多媒体处理能力是非常强大的。你可以采用、元素在页面上直接播放音视频,这是最简单的用法;你还可以采用MediaDevices和MediaStream等几个接口录制多媒体,或编辑媒体流,这是比较高级的用法;最高级的功能是AudioContext等对象所具备的强大的后期处理,这样你只要采用HTML5、CSS3和JavaScript就能实现几乎能与专业媒体后期处理设备媲美的页面——拆分/合并声道、音频可视化、滤波、卷积、混响、3D环绕以及扭曲等。本书是从我写的另一本大全《HTML5&CSS3开发大起底》专门摘取Web媒体有关的章节而形成的,如果你对HTML5、CSS3和JavaScript的基础不了解,强烈建议你先补上这些知识,然后再来看此书。 本书覆盖了HTML5的全部的媒体处理知识点,而且具备相当的深度,建议你静下心来仔细阅读和思考,相信会使你受益良多。 目录 第1章 开发环境……1 1.1 WEB服务器……2 1.2 创建网站证书……4 第2章 多媒体元素……8 2.1 元素……9 2.2 元素……14 2.3 元素……17 第3章 媒体流……24 3.1 MEDIADEVICES接口……25 3.2 MEDIASTREAM接口……29 3.3 MEDIASTREAMTRACK接口……30 3.4 MEDIARECORDER接口……36 第4章 WEB音频API……45 4.1 乐理知识……46 4.2 AUDIOCONTEXT对象……51 4.3 AUDIONODE对象……53 4.4 播放音乐文件……55 4.5 控制音量……57 4.6 拆分和合并声道……60 4.7 音频可视化……62 4.8 滤波……65 4.9 卷积混响……68 4.10 3D环绕……74 4.11 声音扭曲……85
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端御书房

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值