|
Silverlightru.net - проект о Microsoft Silverlight для профессионалов и любителей. |
Создание анимации
Продолжаем знакомство с возможностями MediaEllement, сейчас мы попробуем создать простую анимацию с использованием видео, на основе, которой в будущем вы сможете создать любую другую подобную анимацию, как перемещения, трансформация, поворот и сочетание, всех анимаций одновременно.
Popularity: 12% [?]
Работа с видео в 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 – ом, думаю этот баг они тоже исправят в будущих версиях. Ну пока посмотрим как все это работает.
Popularity: 14% [?]
Знакомимся с новыми возможностями Expression Blend 2 September Preview, для этого идем и смотрим 4 видеоролика демонстрирующих нам эти возможности…
Popularity: 74% [?]
Появление Microsoft Silverlight вызывало массу неоднозначных мнений, и в принципе самый главный вопрос, чем оно сможем покарить своих пользователей, что в ней такого особенного, чем отличается от конкурентов???
Что б выяснить основные отличия SilverLight, давайте просто сравним ее с основным конкурентом - Adobe Flash (уже Adobe), итак чем они отличаются друг от друга:
1. SilverLight не требует установки видео кодека для проигрывания видео формата .WMF
Flash требует наличие кодека для проигрывания .WMF видео. Также есть ограничения по проигрыванию других форматов видео.
2. Silverlight поддерживает полноэкранное видео.
Flash не поддерживает масштабируемое полноэкранное видео.
3. Silverlight использует анимационную модель - WPF, которая основывается на времени а не на кадровой анимации.
Flash использует покадровую анимацию.
4. Silverlight не поддерживает GIF и BMP форматы. Поддерживаются только JPG и PNG форматы графических файлов.
Flash на сегодняшний день поддерживает все графические форматы.
5. Silverlight позволяет встраивать текст в свой проект, и устанавливать его с загрузкой объекта.
Во Flash работь со шрифтами довольно сложно.
6. Silverlight использует XAML, и он пока декларативный.
Flash - ActionScript
7. Silverlight не позволяет пока работать с пиксельной графикой, и использовать различные эффекты и фильтры.
Flash позволяет это делать уже с 8 версии
8. Silverlight использует XAML который основывается на текстовой информации, и может быть леко изменен используя простые XML объекты.
Flash использует бинарные (двоичные) формы записи.
9. Silverlight позволяет использовать различные технологии при создании проекта - JavaScript, C#.
Flash позволяет использовать только программные возможности ActionScript.
10. Используя Silverlight Streaming вы можете создать полноценный видеой cайт, используя бесплатный сервис.
Ни один потоковый сервис не доступен бесплатно во Flash.
Popularity: 78% [?]
Многие относятся скептически к появлению Microsoft Silverlight на рынке интернет приложений, думаю что она врядли сможет завоевать достойное положение. Многие думают, зачем нам что-то новое, когда мы можем вполне пользоваться старыми методами разработки. Но я считаю, что мы не стоим на месте, и новое будет всегда, и мы должны постоянно двигаться вперед и совершенствоваться, использую более новые и мощные возможности. И у Silverlight, я считаю, вполне достойное будущее.. Именно поэтому я решил перевести для вас статью довольно авторитетного аналитика компьютерной индустрии, к мнению которого надо внимательно прислушаться - Нельсона Кинга (Nelson King). Оригинал статьи читаем тут - The Road Ahead for Microsoft Silverlight.
Нельсон Кинг был разработчиком программного обеспечения в течение больше чем двадцати пяти лет. В дальнейшем стал аналитиком компьютерной промышленности, рецензентом изделий и автором девяти книг по программированию базы данных. Он писал для Intelligent Enterprise (и его предшественников) в течение больше чем десяти лет.
Вот что он пишет о технологии Microsoft Silverlight:
Я не уверен, что это значит для эпохи Интернет, но, проще говоря, информация привлекает наше внимание так же быстро, как и перестаёт нас интересовать. Например, в среду, 5 сентября, было сделано рекламное объявление электронной почты Microsoft, выпускающем версию Silverlight 1.0. Я не знаю, сколько менеджеров IT и разработчиков используют Silverlight. Возможно не многие. Конечно выпуск первой версии чего-нибудь, даже от Microsoft, редко привлекает много внимания. Я не собираюсь тянуться за микрофоном и кричать об этом событии, но небольшой комментарий мог бы стать полезным.
Silverlight – это технология, предназначенная для создания Rich Internet Applications (RIA) особенно тех, которые сосредоточены на потоковом мультимедиа или векторной графике. Например, CBS, телевизионные станции будут использовать Silverlight, чтобы управлять и представлять воспроизведение видео на Вебсайтах телевизионных станций. Чтобы сделать это, Silverlight требует наличие графического приложения на компьютере клиента, которое может быть установлено или поставленного вместе с ОС. Silverlight включают средства для написания кода, который набирает клиент, различные кодеки и перенос данных с одного носителя на другой. Это схоже с Adobe’s Flash, Flex, и Dreamweaver line-up. Silverlight - это конкуренция.
Я знаю, что для многих корпораций и их IT магазинов, Web-приложения, которые сочетают потоковое мультимедиа, или даже графику высокого качества - является все еще экзотической разновидностью. Однако, как многие из новых звезд Web 2.0 показывают (YouTube, Google Maps), инкорпорация насыщенной графики, и даже мультимедиа в приложениях становится требуемым этикетом, и это означает, что рано или поздно всё это будет использоваться бизнес – предприятиями.
IT должно знать к настоящему времени, всю продукцию разработки программного обеспечения Microsoft (один из основных стержней его собственной торговли). Больше чем все другие многочисленные технологии подобного рода, Silverlight представляет яркое и светлое будущее для Microsoft. Сравним. .Net- это основополагающая технология, конечно же, важная, но не яркая и светлая. Silverlight - это мост между технологией представления ( UI and all the plumbing underneath) и потоковым управлением контента. Это - одно из мест, где поселилась самая большая мечта Билла Гейтса.
Вернёмся назад в середину 1990-ых, Гейтс и Крэйг Маккоу мечтали о глобальной спутниковой сети, Teledesic, части Gates’ Grande Vision о соединении компьютеров с телесвязью. Той частью мечты была также и Grande, но Silverlight –это мечта – в которой работа в Интернете ведется с изображением, видео, кино, аудио, и музыкой - и GUI, чтобы это всё сочетать вместе. Microsoft вложит любые ресурсы, которые потребуется, чтобы сделать Silverlight игроком, не только на рынке развития RIA, но также и среди больших производств СМИ (подобно CBS).
Microsoft несется с большой скоростью особенно там, где г. Гэйтс видит успешное будущее (и пусть даже не очень хорошо).
Так, что друзья делайте выводы сами…
Popularity: 68% [?]
Ну вот и пришло время практики.. Сегодня мы немного потренируемся и попробуем сотворить чего Silverlight-оского ;)
Начало статьи тут….
Итак начнемс, вы уже должны были скачать и установить Expression Blend, если Вы этого не сделали, то смотрим тут, что и как необходима скачать и установить.
Запускаем Microsoft Expression Blend, кликаем New Project, и конечно выбираем SilverLight Application, указав папку в которой будут храниться исходники.
Выберите ОК, и новый проект будет создан.
Структура вполне стандартная, и думаю кто работал с различными графическими редакторами, как Flash, разобраться будет не сложно. Единственное в верхнем углу расположено меню доступа к основным файлам проекта.
Т.е. проект содержит по умолчанию HTML страницу, код JavaScript содержащейся на этой странице, XAML документ.
Silverlight.js содержит код загрузки и иллустрирует пример управления SilverLight. Он представлен как часть Silverlight SDK.
Default.html - стандартная Web страница. Она содержит три ссылки на JavaScript, указывающие на Silverlight.js, Default.html.js , и Scene.xaml.js (который содержит обработчик событий определенных в XAML).
Итак мы займемся с вами созданием UI для Video Player.
Добавьте любой видео файл к вашему проекту. Чтобы сделать это, щелкните правой кнопкой мышки на Project Files в верху экрана, и выберите Add Existing Item… Выбираем любой видеофайл (Добавляем WMF и версия Microsoft Windows Player должна быть не ниже 10) и нажимаем ОК
Файл появится в Project Explorer, и, Медиа элемент будет добавлен на главную страницу. Вы можете теперь просмотреть ваш проект в браузере, который воспроизведет ваше видео! Также можно остановить автоматическое воспроизведение видео, редактируя XAML. Выберите XAML (из двух:Design&XAML) таблицу, откроется окно редактирования XAML. Просто нужно лишь отредактировать тег MediaElement, и установите атрибут AutoPlay=False.
Запускаем - смотрим, все работает!
Добавьте два текстовых блока на поле с текстом Play и соответственно Stop и назовите их Play_txt и Stop_txt, после этого ваш XAML файл дожен выглядеть следующим образом (что самое удобное, ошибки видны сразу на панели Errors).
<canvas>
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="640" Height="480"
Background="White"
x:Name="Page";
<mediaelement x:name="You_Roll_wmv" width="352">
Height="288" Source="You Roll.wmv"
Stretch="Fill" Canvas.Left="134"
Canvas.Top="94" AutoPlay="False";
<textblock x:name="Play_txt" width="40" height="25" canvas.left="106">
canvas.top="411" text="Play" textwrapping="Wrap";
<textblock x:name="Stop_txt" width="38" height="25" canvas.left="167">
canvas.top="411" text="Stop" textwrapping="Wrap";
</textblock></textblock></mediaelement>
</canvas>Затем добавьте описание обработчика событий для блоков текста в XAML. Для этого используется свойство MouseLeftButtonDown (интуитивно понятно, что действует по нажатию левой клавиши мыши).
Итак для Play_txt добавляем действие DoPlay, для Stop_txt - DoStop, и соответственно участок с текстом в XAML выглядет следующим образом:
<textblock x:name="Play_txt" width="40" height="25">
canvas.left="106" canvas.top="411" text="Play" textwrapping="Wrap"
MouseLeftButtonDown="DoPlay">;
<textblock x:name="Stop_txt" width="38" height="25" canvas.left="167">
canvas.top="411" text="Stop" textwrapping="Wrap"
MouseLeftButtonDown="DoStop">;
</textblock></textblock>Теперь когда пользаватель щелкнет мышкой по одному из текстовых блоков, мы сможем обработать это событие при помощи JavaScript. Обработка Событий в JavaScript записывается здесь Page.xaml.js.
Так как мы определили функции по нажатию, как DoPlay и DoStop, запишим их соответсвенно в Page.xaml.js. Код должен выгдедеть следующим образом:
function DoPlay(sender, eventArgs)
{
var theHost = document.getElementById("SilverlightControl");
var theMedia = theHost.content.findName("YouRoll_wmv");
theMedia.Play();
}
function DoStop(sender, eventArgs)
{
var theHost = document.getElementById("SilverlightControl");
var theMedia = theHost.content.findName("YouRoll_wmv");
theMedia.Stop();
}
Все можем тестировать. Нажимаем на текстовый блок Play - ролик начинает проигрываться, нажимаем на Stop - останавливается. Поздравляю мы сделали первый проект при помощи Silverlight!!!
Popularity: 86% [?]
Ну давайте сегодня ознакомимся с основными требованиями по установке, и выясним основные этапы инсталяции SilverLight:
1. Проверьте свои системные требования:
Удостоверьтесь, что вы устанавливаете Silverlight - совместимый с операционной системой Windows и браузером и что у вас неустановленна любая предыдущая версия Silverlight или “WPF/E”.
2. Download Silverlight
Щелкните на ссылку ниже, чтобы перейти на инсталляционную страницу Silverlight , затем чтобы начать кликните кнопку Install Now.
Download Silverlight
Для пользователей Windows Internet Explorer:
См. видео как произвести инсталляцию.
Браузер Internet Explorer попросит у Вас или загрузить или сохранить инсталляционный файл (Silverlight.1.0.exe). Щелкните Run, чтобы начать загрузку. Когда загрузка закончена, браузер попросит Вас снова загрузить инсталлятор. Щелкните Run, чтобы начать установку. Обратите внимание, что у Вас должны быть достаточные административные права для установки Silverlight.
Для пользователей Mozilla Firefox:
См. видео как произвести инсталляцию.
Сохраните Silverlight.1.0.exe на ваш жесткий диск. Как только загрузка закончится, щелкните Open. Инсталляция начнётся.
3. Установка Silverlight:
4. Не забудьте проверить:
Popularity: 42% [?]