Добавление мультимедийных объектов

Последнее обновление 27 апр. 2021 г.

Узнайте, как добавить и отредактировать мультимедийные объекты на веб-страницах Dreamweaver, использовать заметки разработчика и выполнять многое другое.

Помимо файлов SWF и FLV, можно вставлять другие аудио- или видеообъекты в документ Dreamweaver. При вставке вместе с мультимедийным объектом атрибутов специальных возможностей можно задать и изменить их значения в HTML-коде.

Поместите курсор в окно документа в том месте, где вы хотите вставить объект.
Вставьте объект, выполнив одно из следующих действий.
  • В категории «HTML» на панели «Вставка» выберите значок, соответствующий типу объекта, который необходимо вставить.

  • Выберите соответствующий объект из подменю «Вставка» > «HTML».

  • Откроется диалоговое окно, в котором можно выбрать исходный файл и указать некоторые параметры мультимедийного объекта.

Примечание

Чтобы отключить отображение таких диалоговых окон, выберите «Правка» > «Настройки» > «Общие» (Windows) или «Dreamweaver»» > «Настройки» > «Общие» (Macintosh) и снимите флажок «Показывать диалоговое окно при вставке объектов». Чтобы обойти установленную настройку отображения диалоговых окон, при вставке объекта удерживайте нажатой клавишу Ctrl (Windows) или Option (Macintosh). 

Введите данные в диалоговом окне «Выбор файла» и нажмите кнопку «ОК».
Примечание

Диалоговое окно «Атрибуты специальных возможностей» появляется, если вы выбрали показывать атрибуты при вставке медиафайлов в диалоговом окне «Редактирование» > «Настройки».

Установите атрибуты специальных возможностей.
Примечание

Вы также можете редактировать атрибуты медиаобъекта, выбрав объект и отредактировав HTML-код в режиме кода или щелкнув правой кнопкой мыши (Windows) или нажав Control+щелчок (Macintosh), а затем выбрав «Редактировать код тега».

Заголовок

Введите название для мультимедийного объекта.

Ключ доступа

Введите клавиатурный эквивалент (одну букву) в текстовое поле, чтобы выбрать объект формы в браузере. Это позволяет посетителю сайта использовать клавишу Control (Windows) с клавишей доступа для обращения к объекту. Например, если вы введете B в качестве клавиши доступа, используйте Control+B для выбора объекта в браузере.

Индекс вкладки

Введите номер, соответствующий порядку табуляции объекта формы. Настройка порядка табуляции полезна, когда на странице есть другие ссылки и объекты форм и необходимо, чтобы пользователь переходил по ним в определенном порядке.Если вы установили порядок табуляции для одного объекта, обязательно установите порядок табуляции для всех остальных.

Нажмите кнопку «ОК», чтобы вставить мультимедийный объект.
Примечание

Если вы нажмете «Отмена», в документе появится заполнитель медиаобъекта, но Dreamweaver не свяжет с ним теги или атрибуты специальных возможностей.

Чтобы указать исходный файл или установить размеры и другие параметры и атрибуты, используйте инспектор свойств для каждого объекта. Вы можете редактировать атрибуты специальных возможностей для объекта.

Запуск внешнего редактора для медиафайлов

Вы можете запустить внешний редактор из Dreamweaver для редактирования большинства медиафайлов.Можно также указать редактор, который следует открывать из Dreamweaver для начала редактирования файла.

Убедитесь, что тип медиафайла связан с редактором в вашей системе.

Чтобы узнать, какой редактор связан с типом файла, выберите «Редактировать» > «Настройки» в Dreamweaver и выберите «Типы файлов/Редакторы» из списка категорий.Нажмите расширение файла в столбце «Расширения», чтобы просмотреть связанный редактор или редакторы в столбце «Редакторы».Вы можете изменить редактор, связанный с типом файла.

Дважды щелкните медиафайл на панели «Файлы», чтобы открыть его во внешнем редакторе.

Редактор, который запускается при двойном щелчке по файлу на панели «Файлы», называется Мастер редактором.Если дважды щелкнуть файл изображения, Dreamweaver откроет его в основном внешнем редакторе изображений, таком как Adobe Fireworks.

Если вы не хотите использовать основной внешний редактор для редактирования файла, вы можете использовать другой редактор в вашей системе для редактирования файла, выполнив одно из следующих действий:
  • На панели «Файлы» щелкните правой кнопкой мыши (Windows) или щелкните с нажатой клавишей CTRL (Macintosh) по имени файла и выберите Открыть с помощью из контекстного меню.

  • В представлении «Дизайн» щелкните правой кнопкой мыши (Windows) или щелкните с нажатой клавишей CTRL (Macintosh) по медиаэлементу на текущей странице и выберите «Редактировать с помощью» из контекстного меню.

Укажите редактор для запуска из Dreamweaver

Вы можете указать редактор, который Dreamweaver должен использовать для редактирования определенного типа файлов, а также добавить или удалить типы файлов, которые распознает Dreamweaver.

Явно укажите, какие внешние редакторы должны запускаться для данного типа файлов

Выберите «Редактирование» > «Установки» и выберите «Типы файлов/Редакторы» из списка «Категория».

Расширения имен файлов, такие как .gif, .wav и .mpg, перечислены слева в разделе «Расширения». Связанные редакторы для выбранного расширения перечислены справа в разделе «Редакторы».

Выберите расширение типа файла в списке «Расширения» и выполните одно из следующих действий:
  • Чтобы связать новый редактор с типом файла, нажмите кнопку «Плюс» (+) над списком «Редакторы» и заполните появившееся диалоговое окно.

    Например, выберите значок приложения Acrobat, чтобы связать его с типом файла.

  • Чтобы сделать редактор основным редактором для типа файла (то есть редактором, который открывается при двойном щелчке по типу файла на панели «Файлы»), выберите редактор в списке «Редакторы» и нажмите «Сделать основным».

  • Чтобы отменить связь редактора с типом файла, выберите редактор в списке «Редакторы» и нажмите кнопку «Минус» (-) над списком «Редакторы».

Добавьте новый тип файла и связанный редактор

Нажмите кнопку «Плюс» (+) над списком «Расширения» и введите расширение типа файла (включая точку в начале расширения) или несколько связанных расширений, разделенных пробелами.

Например, можно ввести .xml .xsl, если вы хотите связать их с XML-редактором, установленным в вашей системе.

Выберите редактор для типа файла, нажав кнопку «плюс» (+) над списком «Редакторы» и заполнив появившееся диалоговое окно.

Удаление типа файлов

Выберите тип файла в списке «Расширения» и нажмите кнопку «Минус» (-) над списком «Расширения».
Примечание

Отменить удаление типа файла нельзя, поэтому убедитесь, что действительно хотите его удалить.

Применение заметок разработчика к мультимедийным объектам

Как и к другим объектам в Adobe Dreamweaver, к медиаобъекту можно добавить Заметки по дизайну.Заметки по дизайну — это заметки, связанные с определенным файлом и хранящиеся в отдельном файле.Заметки по дизайну можно использовать для отслеживания дополнительной информации о файлах, связанной с вашими документами, например имен файлов Image Source и комментариев о статусе файла.

Щелкните правой кнопкой мыши (Windows) или щелкните, удерживая клавишу Control (Macintosh), по объекту в окне документа.
Примечание

Перед добавлением заметок по дизайну к любому объекту необходимо определить ваш сайт.

Выберите в контекстном меню пункт «Заметки разработчика для страницы».
Введите нужную информацию в заметку.
Примечание

Заметку по дизайну к медиаобъекту также можно добавить из панели «Файлы», выбрав файл, открыв контекстное меню и выбрав «Заметки по дизайну» из контекстного меню.

Добавление видео (кроме FLV)

Добавить видео на веб-страницу можно разными способами и в разных форматах.Видео может быть загружено пользователем или воспроизводиться в потоковом режиме во время загрузки.

Поместите клип в папку сайта.

Эти клипы часто представляют собой файлы в формате AVI или MPEG.

Создайте ссылку на клип или внедрите его в страницу.

Чтобы создать ссылку на клип, введите текст для ссылки, например «Скачать клип», выберите текст и нажмите значок папки в инспекторе свойств.Перейдите к видеофайлу и выберите его.

Примечание

Пользователь должен загрузить вспомогательное приложение (подключаемый модуль), чтобы просматривать распространенные потоковые форматы, такие как Real Media, QuickTime и Windows Media.

Вставка содержимого подключаемого модуля

Вы можете создать контент, например фильм QuickTime для подключаемого модуля браузера, а затем с помощью Dreamweaver вставить этот контент в HTML-документ. Типичные подключаемые модули включают RealPlayer и QuickTime, а некоторые файлы контента включают файлы mp3 и фильмы QuickTime.

Вы можете просматривать фильмы и анимацию, которые зависят от подключаемых модулей браузера, непосредственно в режиме «Дизайн» окна «Документ». Вы можете воспроизводить все элементы подключаемых модулей одновременно, чтобы увидеть, как страница будет выглядеть для пользователя, или воспроизводить каждый по отдельности, чтобы убедиться, что вы внедрили правильный мультимедийный элемент.

Примечание

Вы не можете просматривать фильмы или анимацию, которые зависят от элементов управления ActiveX.

После вставки контента для подключаемого модуля используйте инспектор свойств для настройки параметров этого контента.Чтобы просмотреть следующие свойства в инспекторе свойств, выберите объект подключаемого модуля.

Инспектор свойств изначально отображает наиболее часто используемые свойства. Нажмите стрелку развертывания в правом нижнем углу, чтобы увидеть все свойства.

Вставьте контент подключаемого модуля и установите его свойства

В режиме «Дизайн» окна «Документ» поместите курсор туда, где хотите вставить контент, а затем выполните одно из следующих действий:
  • В категории «Общие» панели «Вставка» нажмите кнопку «Мультимедиа» и выберите значок «Подключаемый модуль» в меню.

  • Выберите «Вставить» > «Мультимедиа» > «Подключаемый модуль».

В появившемся диалоговом окне выберите файл контента для подключаемого модуля и нажмите «ОК».
Задайте параметры подключаемого модуля в инспекторе свойств.

Имя

Указывает имя для идентификации подключаемого модуля в сценариях. Введите имя в неподписанном текстовом поле в левой части инспектора свойств.

W и H (ширина и высота)

Укажите в пикселях ширину и высоту, выделенные для объекта на странице.

Источник

Указывает исходный файл данных. Нажмите значок папки, чтобы найти файл, или введите имя файла.

URL-адрес подкл. модулей

Задает URL-адрес для атрибута pluginspace. Введите полный URL сайта, с которого пользователи могут загрузить подключаемый модуль. Если у пользователя, просматривающего вашу страницу, нет подключаемого модуля, браузер попытается загрузить его с этого URL.

Выравнивание

Определяет способ выравнивания объекта на странице.

«По вертикали» и «По горизонтали»

Укажите количество белого пространства в пикселях сверху, снизу и по обеим сторонам подключаемого модуля.

Рамка

Задает ширину границы вокруг подключаемого модуля.

Параметры

Открывает диалоговое окно для ввода дополнительных параметров, передаваемых подключаемому модулю. Многие подключаемые модули поддерживают особые параметры.

Вы также можете просмотреть атрибуты, назначенные выбранному подключаемому модулю, нажав кнопку «Атрибут». Вы можете редактировать, добавлять и удалять атрибуты, такие как ширина и высота, в этом диалоговом окне.

Воспроизведение содержимого плагинов в окне документа

Вставьте один или несколько элементов мультимедиа, используя один из способов, описанных в предыдущем разделе.
Выполните одно из действий, описанных ниже.
  • Выделите один из вставленных мультимедийных элементов и выберите «Просмотр» > «Подключаемые модули» > «Воспроизвести» или нажмите кнопку «Воспроизвести» в инспекторе свойств.

  • Выберите «Просмотр» > «Подключаемые модули» > «Воспроизвести все», чтобы воспроизвести все зависимые от подключаемых модулей мультимедийные элементы на выбранной странице.

Примечание

Команда «Воспроизвести все» применяется только к текущему документу, но не к другим документам, например из набора фреймов.

Остановка воспроизведения содержимого подключаемого модуля

Выберите элемент мультимедиа и выберите «Вид» > «Плагины» > «Остановить» или нажмите кнопку «Остановить» в инспекторе свойств.

Вы также можете выбрать «Вид» > «Плагины» > «Остановить все», чтобы остановить воспроизведение всего содержимого плагинов.

Устранение неполадок с подключаемыми модулями

Если вы выполнили шаги для воспроизведения содержимого плагинов в окне документа, но некоторое содержимое плагинов не воспроизводится, попробуйте следующее:

  • Убедитесь, что соответствующий плагин установлен на вашем компьютере и что контент совместим с версией плагина, которая у вас есть.

  • Откройте файл Configuration/Plugins/UnsupportedPlugins.txt в текстовом редакторе и проверьте, указан ли проблемный плагин в списке.В этом файле отслеживаются подключаемые модули, которые вызывают проблемы с Dreamweaver и поэтому не поддерживаются. (Если у вас возникают проблемы с каким-либо плагином, рассмотрите возможность добавления его в этот файл.)

  • Убедитесь в наличии достаточного объема памяти. Некоторым внешним модулям требуется дополнительно от 2 до 5 МБ памяти для запуска.

Использование вариантов поведения для управления мультимедийных объектов

Вы можете добавить поведение на страницу для запуска и остановки различных мультимедийных объектов.

Управление Shockwave или Flash

Воспроизведение, остановка, перемотка или переход к кадру в фильме Shockwave или файле SWF.

Воспроизведение звука

Позволяет воспроизводить звук; например, вы можете воспроизвести звуковой эффект при наведении пользователем указателя мыши на ссылку.

Проверка подключаемого модуля

Позволяет проверить, установлен ли у посетителей вашего сайта требуемый плагин, а затем направить их на разные URL-адреса в зависимости от наличия нужного плагина.Это применимо только к плагинам, поскольку поведение «Проверить плагин» не проверяет элементы управления ActiveX.

Используйте параметры для управления объектами мультимедиа

Определите особые параметры для управления SWF-файлами и подключаемыми модулями. Параметры используются в тегах object, embed и applet. Параметры задают атрибуты, специфичные для различных типов объектов. Например, для объекта SWF в теге object можно задать параметр <paramname="quality"value="best">. Диалоговое окно «Параметры» доступно из инспектора свойств. Для получения сведений о необходимых для объекта параметрах см. документацию для этого объекта.

Примечание

Не существует широко принятого стандарта для идентификации файлов данных для элементов управления ActiveX.Обратитесь к документации по элементу управления ActiveX, который вы используете, чтобы узнать, какие параметры использовать.

Ввод имени и значения параметра

Выберите объект, который может содержать параметры, в окне документа.

Откройте инспектор свойств, если он еще не открыт, и нажмите кнопку «Параметры», которая находится в нижней половине инспектора свойств. (Убедитесь, что инспектор свойств развернут.)

Нажмите кнопку «Плюс» (+) и введите имя параметра и значение в соответствующих столбцах.

Удаление параметра

Выберите параметр и нажмите кнопку «Минус» (–).

Изменение порядка параметров

Выберите параметр и используйте кнопки со стрелками вверх и вниз.