Dreamweaver CC教程：插入 FLV 文件

Dreamweaver CC教程：插入 FLV 文件

插入 FLV 文件
您可以向网页中轻松添加 FLV 视频，而无需使用 Flash 创作工具。在开始之前，必须有一个经过编码的 FLV 文件。
Dreamweaver 插入一个显示 FLV 文件的 SWF 组件；当在浏览器中查看时，此组件显示所选的 FLV 文件以及一组播放控件。

所选的 FLV 文件和一组播放控件

Dreamweaver 提供了以下选项，用于将 FLV 视频传送给站点访问者：
累进式下载视频
将 FLV 文件下载到站点访问者的硬盘上，然后进行播放。但是，与传统的“下载并播放”视频传送方法不同，累进式下载允许在下载完成之前就开始播放视频文件。
流视频
对视频内容进行流式处理，并在一段可确保流畅播放的很短的缓冲时间后在网页上播放该内容。若要在网页上启用流视频，您必须具有访问 Adobe® Flash® Media Server 的权限。

必须有一个经过编码的 FLV 文件，然后才能在 Dreamweaver 中使用它。可以插入使用以下两种编解码器（压缩/解压缩技术）创建的视频文件：Sorenson Squeeze 和 On2。

与常规 SWF 文件一样，在插入 FLV 文件时，Dreamweaver 将插入检测用户是否拥有可查看视频的正确 Flash Player 版本的代码。如果用户没有正确的版本，则页面将显示替代内容，提示用户下载最新版本的 Flash Player。
注意:
若要查看 FLV 文件，用户的计算机上必须安装 Flash Player 8 或更高版本。如果用户没有安装所需的 Flash Player 版本，但安装了 Flash Player 6.0 r65 或更高版本，则浏览器将显示 Flash Player 快速安装程序，而非替代内容。如果用户拒绝快速安装，则页面会显示替代内容。
有关使用视频的详细信息，请访问视频技术中心，网址为 www.adobe.com/go/flv_devcenter_cn。

插入 FLV 文件
1、选择“插入”>“HTML”>“Flash 视频”。

插入 Flash 视频

2、在“插入 FLV”对话框中，从“视频类型”弹出菜单中选择“累进式下载视频”或“流视频”。
3、完成对话框选项的其余部分，然后单击“确定”。
注意:
Microsoft Internet Information Server (IIS) 不处理嵌套的对象标签。对于 ASP 页面，Dreamweaver 在插入 SWF 或 FLV 文件时使用嵌套对象/嵌入代码而不是嵌套对象代码。

设置累进式下载视频的选项
“插入 FLV”对话框允许您为网页中插入的 FLV 文件设置累进式下载传送选项。
1、选择“插入”>“HTML”>“Flash 视频”（或单击“插入”面板的“HTML”类别中的“Flash 视频”图标）。
2、在“插入 FLV”对话框中，从“视频类型”菜单中选择“累进式下载视频”。

插入 Flash 视频

3、指定以下选项：
URL
指定 FLV 文件的相对路径或绝对路径。若要指定相对路径（例如，mypath/myvideo.flv），请单击“浏览”按钮，导航到 FLV 文件并将其选定。若要指定绝对路径，请键入 FLV 文件的 URL（例如，http://www.example.com/myvideo.flv）。
外观
指定视频组件的外观。所选外观的预览会显示在“外观”弹出菜单的下方。
宽度
FLV 文件的宽度（以像素为单位）。Dreamweaver 可以确定 FLV 文件的宽度，您可以看到该字段会自动显示宽度。
高度
FLV 文件的高度（以像素为单位）。Dreamweaver 可以自动优化 FLV 文件的高度，您可以看到该字段会自动显示高度。
注意:
“包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度相加得出的和。
限制高宽比
保持视频组件的宽度和高度之间的比例不变。默认情况下会选择此选项。
自动播放
指定在网页打开时是否播放视频。
自动重新播放
指定播放控件在视频播放完之后是否返回起始位置。
4、单击“确定”关闭对话框并将 FLV 文件添加到网页上。
“插入 FLV”命令生成一个视频播放器 SWF 文件和一个外观 SWF 文件，它们用于在网页上显示视频内容。（若要查看新的文件，则您可能需要在“文件”面板中单击“刷新”按钮。）这些文件与视频内容所添加到的 HTML 文件存储在同一目录中。当您上传包含 FLV 文件的 HTML 页面时，Dreamweaver 将以相关文件的形式上传这些文件（如果您在“要上传相关文件”对话框中单击了“是”）。

设置流视频选项
“插入 FLV”对话框允许您为插网页中的 FLV 文件设置流视频下载选项。
1、选择“插入”>“HTML”>“Flash 视频”（或单击“插入”面板的“HTML”类别中的“Flash 视频”图标）。
2、从“视频类型”弹出菜单中选择“流视频”。

设置流视频选项

服务器 URI
以 rtmp://www.example.com/app_name/instance_name 的形式指定服务器名称、应用程序名称和实例名称。
流名称
指定想要播放的 FLV 文件的名称（例如，myvideo.flv）。扩展名 .flv 是可选的。

外观
指定视频组件的外观。所选外观的预览会显示在“外观”弹出菜单的下方。

宽度
FLV 文件的宽度（以像素为单位）。Dreamweaver 可以确定 FLV 文件的宽度并自动在该字段中填入宽度。

高度
FLV 文件的高度（以像素为单位）。Dreamweaver 可以确定 FLV 文件的高度并自动在该字段中填入高度（以像素为单位）。
注意:
“包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度相加得出的和。

限制高宽比
保持视频组件的宽度和高度之间的比例不变。默认情况下会选择此选项。
实时视频输入
指定视频内容是否是实时的。如果选择了“实时视频输入”，则 Flash Player 将播放从 Flash® Media Server 流入的实时视频流。实时视频输入的名称是在“流名称”文本框中指定的名称。
注意:
要启用“实时视频输入”，您必须从“外观”字段中选择一个光晕外观选项。如果选择了“实时视频输入”，组件的外观上只会显示音量控件，因为您无法操纵实时视频。此外，“自动播放”和“自动重新播放”选项也不起作用。

自动播放
指定在网页打开时是否播放视频。

自动重新播放
指定播放控件在视频播放完之后是否返回起始位置。
缓冲时间
指定在视频开始播放之前进行缓冲处理所需的时间（以秒为单位）。默认的缓冲时间设置为 0，这样在单击了“播放”按钮后视频会立即开始播放。（如果选择“自动播放”，则在建立与服务器的连接后视频立即开始播放。） 如果您要发送的视频的比特率高于站点访问者的连接速度，或者 Internet 通信可能会导致带宽或连接问题，则可能需要设置缓冲时间。例如，如果要在网页播放视频之前将 15 秒的视频发送到网页，请将缓冲时间设置为 15。
3、单击“确定”关闭对话框并将 FLV 文件添加到网页上。
“插入 FLV”命令生成一个视频播放器 SWF 文件和一个外观 SWF 文件，它们用于在网页上显示视频。该命令还会生成一个 main.asc 文件，您必须将该文件上传到 Flash Media Server。（若要查看新的文件，则您可能需要在“文件”面板中单击“刷新”按钮。）这些文件与视频内容所添加到的 HTML 文件存储在同一目录中。上传包含 FLV 文件的 HTML 页面时，请不要忘记将 SWF 文件上传到 Web 服务器，将 main.asc 文件上传到 Flash Media Server。
注意:
如果服务器上已有 main.asc 文件，请确保在上传由“插入 FLV”命令生成的 main.asc 文件之前与服务器管理员进行核实。
您可以轻松地上传所有所需的媒体文件，方法是在 Dreamweaver 的“文档”窗口中选择视频组件占位符，然后在属性检查器（“窗口”>“属性”）中单击“上传媒体”按钮。若要查看所需文件的列表，请单击“显示所需的文件”。
注意:
“上传媒体”按钮不会上传包含视频内容的 HTML 文件。

编辑 Flash Player 下载信息
在页面中插入 FLV 文件时，Dreamweaver 会插入检测用户是否拥有正确的 Flash Player 版本的代码。如果没有，则页面会显示默认的替代内容，提示用户下载最新版本。您可以随时更改此替代内容。
此过程也适用于 SWF 文件。
注意:
如果用户没有所需版本，但拥有 Flash Player 6.0 r65 或更高版本，则浏览器会显示 Flash Player 快速安装程序。如果用户拒绝快速安装，则页面会显示替代内容。
1、在“文档”窗口的“设计”视图中，选择 SWF 文件或 FLV 文件。
2、单击 SWF 文件或 FLV 文件中的眼睛图标。
注意:
您还可以按 Ctrl+] 来切换到其他内容视图。若要返回到 SWF/FLV 视图，请按 Ctrl+[ 直到选择了所有其他内容。然后再次按 Ctrl+[。
3、使用和在 Dreamweaver 中编辑任何其他内容一样的方式编辑内容。
注意:
不能将 SWF 文件或 FLV 文件添加为替代内容。
4、再次单击眼睛图标以返回到 SWF 或 FLV 文件视图。