Dreamweaver CC教程:添加音频效果

使用本主题了解如何向 Dreamweaver网页添加音频效果和受支持的音频文件格式。

可以向网页添加声音。有多种不同类型的声音文件和格式,例如 .wav、.midi 和 .mp3。在确定采用哪种格式和方法添加声音前,需要考虑以下一些因素:添加声音的目的、页面访问者、文件大小、声音品质和不同浏览器的差异。

注意:

浏览器不同,处理声音文件的方式也会有很大差异和不一致的地方。您最好将声音文件添加到 SWF 文件中,然后嵌入该 SWF 文件以改善一致性。

下表描述了较为常见的音频文件格式以及每一种格式在 Web 设计中的一些优缺点。

.midi或.mid(Musical Instrument Digital Interface,乐器数字接口)

此格式用于器乐。许多浏览器都支持 MIDI 文件,并且不需要插件。尽管 MIDI 文件的声音品质非常好,但也可能因访问者的声卡而异。很小的 MIDI 文件就可以提供较长时间的声音剪辑。MIDI 文件不能进行录制,并且必须使用特殊的硬件和软件在计算机上合成。

.wav(波形扩展)

这些文件具有良好的声音品质,许多浏览器都支持此类格式文件并且不需要插件。您可以从 CD、磁带、麦克风等录制您自己的 WAV 文件。但是,其较大的文件大小严格限制了可以在您的网页上使用的声音剪辑的长度。

.aif(Audio Interchange File Format,音频交换文件格式,或AIFF)

AIFF 格式与 WAV 格式类似,也具有较好的声音品质,大多数浏览器都可以播放它并且不需要插件;您也可以从 CD、磁带、麦克风等录制 AIFF 文件。但是,其较大的文件大小严格限制了可以在您的网页上使用的声音剪辑的长度。

.mp3(Motion Picture Experts Group Audio Layer?3,运动图像专家组音频第3层,或称为MPEG音频第3层)

一种压缩格式,它可使声音文件明显缩小。其声音品质非常好:如果正确录制和压缩 mp3 文件,其音质甚至可以和 CD 相媲美。mp3 技术使您可以对文件进行“流式处理”,以便访问者不必等待整个文件下载完成即可收听该文件。但是,其文件大小要大于 Real Audio 文件,因此通过典型的拨号(电话线)调制解调器连接下载整首歌曲可能仍要花较长的时间。若要播放 mp3 文件,访问者必须下载并安装辅助应用程序或插件,例如 QuickTime、Windows Media Player 或 RealPlayer。

.ra、.ram、.rpm或Real Audio

此格式具有非常高的压缩度,文件大小要小于 mp3。全部歌曲文件可以在合理的时间范围内下载。因为可以在普通的 Web 服务器上对这些文件进行“流式处理”,所以访问者在文件完全下载完之前就可听到声音。访问者必须下载并安装 RealPlayer 辅助应用程序或插件才可以播放这种文件。

.qt、.qtm、.mov或QuickTime

此格式是由 Apple Computer 开发的音频和视频格式。Apple Macintosh 操作系统中包含了 QuickTime,并且大多数使用音频、视频或动画的 Macintosh 应用程序都使用 QuickTime。PC 也可播放 QuickTime 格式的文件,但是需要特殊的 QuickTime 驱动程序。QuickTime 支持大多数编码格式,如 Cinepak、JPEG 和 MPEG。

注意:

除了上面列出的比较常用的格式外,还有许多不同的音频和视频文件格式可在 Web 上使用。如果您遇到不熟悉的媒体文件格式,请找到该格式的创建者,以获取有关如何以最佳的方式使用和部署该格式的信息。

链接到音频文件

链接到音频文件是将声音添加到网页的一种简单而有效的方法。这种集成声音文件的方法可以使访问者选择是否要收听该文件,并且使文件可用于最广范围的听众。

1、选择您要用作指向音频文件的链接的文本或图像。

2、在属性检查器中,单击“链接”文本框旁的文件夹图标以浏览音频文件,或者在“链接”文本框中键入文件的路径和名称。

嵌入声音文件

嵌入音频可将声音直接集成到页面中,但只有在访问您站点的访问者具有所选声音文件的适当插件后,声音才可以播放。如果希望将声音用作背景音乐,或如果希望控制音量、播放器在页面上的外观或者声音文件的开始点和结束点,就可以嵌入文件。

注意:

将声音文件集成到网页中时,请仔细考虑它们在 Web 站点内的适当使用方式,以及站点访问者如何使用这些媒体资源。因为访问者有时可能不希望听到音频内容,所以应总是提供启用或禁用声音播放的控件。

1、在“设计”视图中,将插入点放置在您要嵌入文件的地方,然后执行以下操作之一:

在“插入”面板的“HTML”类别中,从弹出菜单中选择“插件”图标

选择“插入”>“HTML”>“插件”。

2、浏览音频文件,然后单击“确定”。

3、通过在属性检查器的适当文本框中输入值或者在“文档”窗口中调整插件占位符的大小,输入宽度和高度。

这些值确定音频控件在浏览器中以多大的大小显示。

来源:dreamweaver官网

dw中html网页如何加音乐播放器,Dreamweaver CC相关推荐

  1. dw中html网页如何加音乐播放器,如何用Dw插入网页背景音乐的方法

    本文以mid格式文件和mp3格式文件为例,教你如何在网页中插入背景音乐. 1.MID 是用来插入背景音乐,但只适用于IE,其参数设定不多.如下: src="your.mid" :设 ...

  2. 用jq和bootstrap3 实现一个自定义网页版的音乐播放器

    用jq和bootstrap3 实现一个自定义网页版的音乐播放器 1.主要实现功能 1.1.点击播放与暂停,上一首和下一首: 注:用python返回所有歌曲的信息,加载完成默认选择第一首歌曲,通过传递歌 ...

  3. Linux用命令安装音乐软件,在Ubuntu 18.04系统中使用命令安装Qmmp音乐播放器的方法...

    在Ubuntu 18.04操作系统中安装Qmmp音乐播放器非常简单,只需要两段命令就可以搞定.下面介绍其方法. Qmmp音乐播放器介绍 Qmmp是一款开源基于Qt的多媒体播放器,提供Qt4及Qt5支持 ...

  4. 网页实现一个音乐播放器

    怎样在网页实现一个音乐播放器(js html css)(网页实现音乐播放) 标题 求大佬帮着写一个页面实现音乐播放

  5. 原生html+js网页版简陋音乐播放器

    本文属于html+js+css基础教程,今天准备撸一个简陋版的音乐播放器.主流的浏览器原本就支持影音播放功能非常强,这里是利用浏览器原本提供的音视标签audio实现个简陋的音乐播放器.由于教程不涉及到 ...

  6. html给视频加音乐播放器,给视频加背景音乐 ppt如何添加视频加背景音乐-简单实现...

    我们在使用PowerPoint(简称PPT)时,根据需求有时候需要加入视频和ppt如何添加视频加背景音乐的方法有很多,这里就说说简单实现的一种方法,还有比较实用的狸窝PPT转换器PPT转换视频的教程贴 ...

  7. 基于网页的个人音乐播放器系统 毕业设计毕设源码

    后台管理 [音乐中心] |–添加音乐:歌曲名.作者.封面.歌词.上传MP3等 |–支持查看所有音乐列表 |–支持音乐信息 修改 |–支持音乐信息 删除 –[其他功能] |–修改账号密码 |–退出登录 ...

  8. Ubuntu Linux 中两款不错的音乐播放器

    用Ubuntu Linux 的朋友在播放器的选择上,有的人喜欢功能多的,有的喜欢简洁的.今天我就大家说说我用的这两款播放器,或许和大家用的不一样,但我觉得这两款播放器的确不 错.   songbird ...

  9. JQuery实现简易音乐播放器

    自学前端有一阵子了,之前一直都是跟着教学视频来写一些小例子,实现页面效果和功能,这次下定决心开始自己设计并实现一个网页版的音乐播放器,来巩固之前所学的html,css ,js,JQuery等知识. 在 ...

最新文章

  1. 【转载】nginx for windows: 让nginx以服务的方式运行
  2. 【Java面试题】21 Java中的异常处理机制的简单原理和应用。
  3. iframe内容 固定比例_允知研习|浅析固定总价合同的结算问题
  4. 作为sigmastar代理-启明云端为你分享干货SSD201/202的QT的移植(二)
  5. c语言实现双链表的基本操作—增删改查
  6. CentOS 6.8 安装JDK8
  7. 1.1.0-简介-P10-分布式事务的解决方案
  8. python经济与管理学院学生社团管理系统设计与实现_实验10-大学生社团管理系统的设计和实现...
  9. python 断言方法_Python3断言
  10. APT案例调研和研究
  11. performSelector延时调用导致的内存泄露
  12. 免费可视化报表,好用的web报表设计器
  13. appdata是什么文件夹,
  14. loadrunner11 录制手机
  15. linux系统设置密钥登录
  16. FlinkCEP的底层理论:NFA-b Automaton原理介绍
  17. android 申请移动应用的签名生成方法
  18. 什么是Java的灵魂?了解JVM的结构模型,生命周期,Java王朝虚拟机的更替,各家大厂虚拟机百花齐放
  19. mysql 多表 left join_MySql left join 多表连接查询优化语句
  20. 【工具】Linux--word转PDF工具大全

热门文章

  1. 微信最火html5游戏平台,盘点五个热门HTML5游戏微信公众号
  2. w7怎么把计算机放桌面壁纸,W7电脑系统怎么更改锁屏壁纸
  3. 通过php内核变量绕过,利用PHP内核变量绕过disable_functions(附完整代码)
  4. 数字水印技术研究综述
  5. arduino 红外遥控小车
  6. Latex修改局部字体大小
  7. 用计算机视觉描述机器人,一文读懂计算机视觉和机器人视觉
  8. GBase 8s部署SDS集群
  9. 手机锂电池规格及充电曲线
  10. Ubuntu安装Typora(md文件)