Проектирование и разработка веб-приложений на основе технологий Microsoft

Разработка видеоплеера на Silverlight.

Разбить на страницы
Показывать лекцию целиком

Создание видеоплеера заключается в том, что бы использовать шаблоны плееров Silverlight. Для этого понадобится Microsoft Expression Encoder 3 или Microsoft Expression Web 3, оба пакета входят в состав Microsoft Expression Studio 3 (http://www.microsoft.com/expression/).

Microsoft Expression Encoder

Первым шагом будет импортирование исходного видео в программу:

Далее во вкладке "Encode", устанавливаем выходной формат "Output format", а так же устанавливаем необходимые параметры аудио и видео:

Во вкладке "Enhance"можно установить изображение или аудио которая будет отображаться или проигрываться во время всего воспроизведения данного клипа:

Во вкладке "Metadata" можно указывать данные о видео и маркеры "Markers", с помощью которых в процессе воиспроизведения можно переключаться:

На вкладке "Output" выбираем шаблон,а так же путь и нажимаем клавишу "Encode"

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

В файле Default.html находим отрывок кода (между тегами <object></object> ), и копируем туда где должен находится плеер:

<object data="data:application/x-silverlight," 
        type="application/x-silverlight" 
        style="width: 582px; height: 425px">
……
</object>

Убедитесь в том что бы, путь до файлов в коде <MediaSource>….</MediaSource> и т.д… соответствовал нахождению их в каталогах сайта.

После чего получилось это:

Microsoft Expression Web 3

В Expression Web выбираем пункт меню "Insert" далее "Media" - > "Silverlight Video"

Далее выбираем нужные выходные параметры и жмем "Encode":

Поле чего получается слудющее:

Страницы:

Создание видеоплеера заключается в том, что бы использовать шаблоны плееров Silverlight. Для этого понадобится Microsoft Expression Encoder 3 или Microsoft Expression Web 3, оба пакета входят в состав Microsoft Expression Studio 3 (http://www.microsoft.com/expression/).

Microsoft Expression Encoder

Первым шагом будет импортирование исходного видео в программу:

Далее во вкладке "Encode", устанавливаем выходной формат "Output format", а так же устанавливаем необходимые параметры аудио и видео:

Во вкладке "Enhance"можно установить изображение или аудио которая будет отображаться или проигрываться во время всего воспроизведения данного клипа:

Во вкладке "Metadata" можно указывать данные о видео и маркеры "Markers", с помощью которых в процессе воиспроизведения можно переключаться:

На вкладке "Output" выбираем шаблон,а так же путь и нажимаем клавишу "Encode"

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

В файле Default.html находим отрывок кода (между тегами <object></object> ), и копируем туда где должен находится плеер:

<object data="data:application/x-silverlight," 
        type="application/x-silverlight" 
        style="width: 582px; height: 425px">
……
</object>

Убедитесь в том что бы, путь до файлов в коде <MediaSource>….</MediaSource> и т.д… соответствовал нахождению их в каталогах сайта.

После чего получилось это:

Microsoft Expression Web 3

В Expression Web выбираем пункт меню "Insert" далее "Media" - > "Silverlight Video"

Далее выбираем нужные выходные параметры и жмем "Encode":

Поле чего получается слудющее:

Вернуться к учебному плану