Работа с видео в SilverLight

Сегодня разговор пойдет о видео файлах и работе с ними. Silverlight имеет очень широкие возможности создания простых видео плееров, и интересных интерактивных эффектов с использованием видео. После появления Silverlight стало возможным отображать высококачественное потоковое видео, чем в то время не мог похвастаться Flash, но с приходом Flash 9 ситуация выровнялась. Но так ли это на самом деле давайте посмотрим.

И так приступим, к созданию простого приложения, которое будет отображать наше видео. Чтобы создать такое приложение вам необходимо использовать Blend Studio, а также необходимо, чтобы был установлен видео плеер Windows Media Player не ниже 10 версии, иначе Blend Studio не даст вам создавать видео (MediaElement будет выдавать соответствующее предупреждение), к сожалению, в данный момент MediaElement поддерживает только три видео формата wmv, asx, asf и два аудио mp3, wma. Думаю в будущем будет обеспечен более богатый набор видео форматов. Но пока Blend Studio при попытке использовать не соответствующий формат, и даже иногда с некоторыми файлами *.wmv вылетает с Exception – ом, думаю этот баг они тоже исправят в будущих версиях. Ну пока посмотрим как все это работает.

(more…)

Popularity: 11% [?]

Для того, чтобы начать создавать свои собственные приложения на Silverlight. Вам необходимо для начала запастись необходимыми программными средствами.

1) Для 1.0: SilverLight 1.0

Для 2.0: SilverLight 2.0

Установка плагина Silverlight ни чем не отличается, от обычных windows приложений, только в конце они забыли добавить кнопку “finish”, что немного сбивает с толку и приходиться закрывать обычным крестиком.

(more…)

Popularity: 26% [?]

Как оказалось на практике, проверь не просто просто, а совсем просто :))

Чтобы проверить наличие Silverlight на стороне клиента, достаточно проверить переменную Silverlight.available. True - установлен, False - нет. Это свойство легко найти в файле Silverlight.js

Также можно проверить версию брайзера -Silverlight.ua.Browser, которое возвращает одно из следующих значений: ‘MSIE’, ‘Firefox’, ‘Safari’ or ‘Unsupported’.

Операционную систему можно проверить следующим свойством - Silverlight.ua.OS - возвращающим ‘Windows’, ‘MacPPC’, ‘MacIntel’, ‘Unsupported’.

Popularity: 83% [?]

Переустановил полностью всю систему. После чего решил поставить VS.NET 2008 release. После чего, решил установить Silverlight

1. Установка Silverlight 1.0 прошла нормально. Проверил, все приложенния для 1.0 работали нормально.

2. Установка Silverlight 1.1 Alpha. Не одно из приложений не работает.

Следующая последовательность действий никах результатов не дала.

Issue: After installing the Silverlight 1.1 Alpha Refresh, you continue to get the “Get Silverlight” medallion when trying to launch a 1.1 application.
Resolution: There are several things you can do to address this:

• Ensure that you installed the 1.1 version of Silverlight & not the 1.0 version. You can check this by looking at the 1st 2 digits of the Silverlight version number.
• Ensure that you have the latest version of 1.1 (linked above) installed.
• If you just recently installed 1.1 and had an existing version of Silverlight installed, you made need to restart your browser.
• If all else fails, close all browser, uninstall Silverlight through Add/Remove Programs (just called Programs on Vista) control panel & finally re-install Silverlight again.

Подбробнее:Troubleshooting Silverlight 1.1 Development

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

1. Удаляем все из папки - <% SystemRoot %>:\Program Files\Microsoft Silverlight

2. Снова запускаем и Silverlight 1.1 Alpha Refresh. После чего все работает.

Popularity: 52% [?]

SilverLight 2.0 для розробникiв (ролик весом 43,4 МБ)

Небольшая презентация по версии Silverlight 2.0 Сергея Багдачного. Общий обзор технологии, и что вообще планируется в версии Silverlight 2.0

Popularity: 56% [?]

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

для тех у кого есть это самое свободное время и кому тематика блога интересна и понятна.

ВЫ СТАНОВИТЕСЬ МОДЕРАТОРОМ БЛОГА! За это получаете МНОГО вкусного!

стучите в эту асю( ) или в эту( ) там все и обсудим.

просссьба стучать адекватным людям , которым это реально интересно…

СПАСИБО за внимание-)

Popularity: 65% [?]

Вот для того, чтобы не расслабляться, небольшая подборка уроков по SilverLight, так что качаем и учишься работать с новой технологией:

• Using Silverlight Brushes for Color, Gradient and Video
• Using the Silverlight Downloader Object
• Basic Keyboard Input with Silverlight
• Adding Ink Support to a Silverlight-based Application
• 2D Geometries in Silverlight
• Building Video Overlays with Silverlight
• Creating a Video Scrubbing Control with Silverlight
• Using Silverlight for Full Screen Experiences
• Silverlight Event Handling with JavaScript
• Animating and Clipping Video with Silverlight
• Creating Vector Art for Silverlight with Expression Blend
• Animating Vector Art for Silverlight with Expression Blend Part I
• Animating Vector Art for Silverlight with Expression Blend Part II
• Animating Raster Art for Silverlight with Expression Blend
• Using Expression Blend to Control Silverlight Media Playback
• Delivering Parameterized Silverlight Content with ASP.NET
• Delivering Parameterized Silverlight Content with PHP
• Delivering Parameterized Silverlight Content with Java
• Using AJAX to Dynamically Update Silverlight Content
• Creating a Video Playlist with Silverlight and ASP.NET
• Overlaying HTML and Silverlight Content
• Real-Time Data Update with Silverlight and Web Services

Popularity: 82% [?]

Сегодня мы с вами рассмотрим взаимодействие SilverLight и JavaScript. Рассмотрим это на простом примере, мы создадим просто текстовое поле и текстовый блок. При нажатии будет вызываться функция JavaScript и выскакивать сообщение, что мы в данный момент нажали.
Итак заходим сново уже в привычный для нас интерфейс Expression Blend, создаем новый проект. Затем создаем текстовый блок и прямоугольник ввиде окантовки к нашему тексту… В итоге xaml должен выглядеть следующим образом:

<canvas>
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="300" Height="80"
Background="White"
x:Name="Page"&gt;</canvas>

<rectangle width="300" height="80" stroke="Black" strokethickness="2">
cursor="Hand" mouseleftbuttonup="MouseClicked"&gt;
<textblock fontsize="22" canvas.left="113.21" canvas.top="26">
foreground="Blue" text="SilverlightRU.net" cursor="Hand"
mouseleftbuttonup="MouseClicked";
</textblock></rectangle>

Параметры прямоугольника состоят из следующих значений:

• Width и Height, соотвественно длина и высота прямоугольника;
• Stroke - тут выставляем цвет контура прямоугольника, в примере - Черный;
• StrokeThickness - тут выставляем значение толщины линии;
• Fill - тут задаем значение цвета заливки, в нашем примере данный параметр отсутствует, так как нам нужно чтоб был виден текстовый блок;
• Canvas.Left и Canvas.Top - положение прямоугольника на рабочей области, по умолчанию оба значения имеют координаты (0;0).

Текстовый блок состоит из следующих значений:

• FontSize - размер нашей гарнитуры;
• Foreground - цвет текста;
• Text - текстовое содержание нашего блока;
• Canvas.Left и Canvas.Top - положение текстового на рабочей области, по умолчанию оба значения имеют координаты (0;0).
• MouseLeftButtonUp - в обоих случаях событие по нажатию левой клавиши мыши.

Все что нам осталось добавить, это в нашем html файле следующий код :

<script type="text/javascript">
function MouseClicked(sender, args){
   alert("Sender: " + sender.toString());
}
</script>

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

Popularity: 88% [?]

Ну что продолжим с вами знакомиться с практической частью создания Silverlight. И так как я отношусь по большой части к дизайнером, то больше всего меня интересует создание анимации, чем сегодня с вами и займемся. Так как мы только знакомимся с вами с этой программой, то сегодня попробуем сделать с вами очень простую анимацию в буквально несколько кадров.
Запускаем наш Expression Blend 2, создаем новый проект (кто не занеет как, смотрим тут). Выбираем инструмент - Перо, и рисуем кривую похожую на морскую волну

Затем откройте вкладку Properties, и выберите для заливки соответствующий синий цвет, у нас же все-таки волна должна получиться.

Сейчас перейдем непосредственно к анимации, для этого в панели Object and TimeLine выбираем Create new Storyboard, нажав для этого “+”. В появившемся окне вводим название нашей шкалы,снимаем галочку с пункта Create as a Resource и нажимаем кнопку ОК.

В панели Object and TimeLine мы видим, что появилась временная шкала (напоминает шкалу во Flash). Выбираем инструмент Direct Selection, перетягиваем ползунок на 1, и деформируем нашу волну, после этого опять перетягиваем, ползунок на значение 0, и нажимаем кнопку Record Keyframe, видим что появилось два кадра.

Выделяем нулевой кадр копируем его и перетягивает шкалу на значение - 2, и вставляем туда первый кадр, можем сейчас попробывать проиграть анимацию. Однако у нас анимация прогрывается только один раз, чтоб поставить ее на зацикливание кликаем по наше шкале (на название шкалы - в нашем случае Wave), выделив ее, и в закладке Properties в поле RepeatBehavior вписываем значение Forever.

Просматриваем нашу анимацию в браузере, чтобы сделать анимацию более реальной, можно выделить все ваши кадры и в окне Easing перетянуть ползунки, так чтоб анимация выглядела более реально.

Ну вот и произошло наше первое знакомстов с анимацией в SilverLights, с чем собственно всех и поздравляю)

Popularity: 100% [?]

Знакомимся с новыми возможностями Expression Blend 2 September Preview, для этого идем и смотрим 4 видеоролика демонстрирующих нам эти возможности…

Popularity: 74% [?]