Silverlight - Chapter 6 - Media và Animation

Chia sẻ: Võ Quang Hòa | Ngày: | Loại File: PDF | Số trang:0

Thêm vào BST

Báo xấu

84
lượt xem 23
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Silverlight là một công nghệ của hãng Microsoft cho phép xây dựng các ứng dụng chạy trên trình duyệt, về ý nghĩa, nó cũng tương tự như Flash của hãng Adobe.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Silverlight - Chapter 6 - Media và Animation

Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions CHƯƠNG VI: MEDIA VÀ ANIMATION 1 Animation Animation là m t o giác đư c t o ra b ng cách thay đ i m t lo t các hình nh. Não nh n các hình nh như là m t thay đ i c nh. Trong phim o giác này đư c t o b ng cách s d ng các camera có ghi l i r t nhi u hình nh, khi hình nh đư c phát tr l i b ng m t máy chi u, các khán gi th y m t hình nh chuy n đ ng. Silverlight có ch a r t nhi u các đ i tư ng có th th c hi n đư c vi c t o ra o giác chuy n đ ng. 1.1 Storyboard Ki m soát các animation v i m t timeline và cung c p các đ i tư ng và tài nguyên nh m m c đích cung c p thông tin cho các animation con
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions private void Animation_Begin(object sender, RoutedEventArgs e) { myStoryboard.Begin(); } private void Animation_Pause(object sender, RoutedEventArgs e) { myStoryboard.Pause(); } private void Animation_Resume(object sender, RoutedEventArgs e) { myStoryboard.Resume(); } private void Animation_Stop(object sender, RoutedEventArgs e) { myStoryboard.Stop(); } 1.2 Key-Frame Animations Key-frame animations cho phép b n tương tác vào animation nhi u hơn hai đ i tư ng và ki m soát m t animation b ng phương pháp n i suy. Key-frame ko có các thu c tính như From / To / b i Animation. B n t o ra key-frame, các đ i tư ng animation đư c key-frame ki m soát, khi các hình nh đ ng ch y nó s chuy n gi a các frame mà b n xác đ nh t o ra m t chu i chuy n đ ng li n m ch
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions Storyboard.TargetProperty="X" Duration="0:0:10"> // When the user clicks the Rectangle, the animation // begins. private void Mouse_Clicked(object sender, MouseEventArgs e) { myStoryboard.Begin(); } http://samples.msdn.microsoft.com/Silverlight/silverlight_next/Animations/do ubleanimationusingkeyframes/ClientBin/TestPage.html 1.3 Double Animation Double Animation bi n đ i giá tr gi a hai bi n c a đ i tư ng Animation b ng cách s d ng n i suy tuy n tính trên m t kho ng th i gian xác đ nh
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions Storyboard.TargetName="MyAnimatedRectangle" Storyboard.TargetProperty="Opacity" From="1.0" To="0.0" Duration="0:0:5" AutoReverse="True" RepeatBehavior="Forever" /> private void Start_Animation(object sender, EventArgs e) { myStoryboard.Begin(); } http://samples.msdn.microsoft.com/Silverlight/silverlight_next/Animations/do ubleanimation/ClientBin/TestPage.html 1.4 Color Animation Color Animation bi n đ i màu gi a hai bi n c a đ i tư ng Animation b ng cách s d ng n i suy tuy n tính trên m t kho ng th i gian xác đ nh private void Start_Animation(object sender, EventArgs e) { colorStoryboard.Begin(); } http://samples.msdn.microsoft.com/Silverlight/silverlight_next/Animations/coloranimation/ClientBin/ TestPage.html 1.5 Point Animation Point Animation bi n đ i giá tr to đ c a m t đi m gi a hai bi n c a đ i tư ng Animation b ng cách s d ng n i suy tuy n tính trên m t kho ng th i gian xác đ nh
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions // Start the animation when the object loads private void Start_Animation(object sender, EventArgs e) { myStoryboard.Begin(); } http://samples.msdn.microsoft.com/Silverlight/silverlight_next/Animations/pointanimation/ClientBin /TestPage.html 2 Media Các tính năng đa phương ti n c a Silverlight và mô t cách tích h p audio và video vào trang Silverlight 2.1 MediaElement Object Đ them media(video, audio) vào trang web c a b n ta s d ng MediaElement . MediaElement s cung c p cho b n m t Form đ hi n th media , b n ch c n cung c p các
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions ngu n tài nguyên media cho URI, như là m t file video ch ng h n. Các MediaElement b t đ u play khi trang web c a b n t i v . http://samples.msdn.microsoft.com/Silverlight/Silverlight_1_0/media/media_ov erview_snip/js/media_simple.html 2.2 Controlling Media Playback Interactively B n có th tương tác đi u khi n media b ng cách s d ng Play, Pause, Stop, và các thu c tính c a m t đ i tư ng MediaElement. Ví d như đ nh nghĩa m t đ i tư ng MediaElement v i m t s nút đi u khi n cho các file (video, audio) phát. private void StopMedia(object sender, RoutedEventArgs e) { media.Stop(); } private void PauseMedia(object sender, RoutedEventArgs e) { media.Pause(); } private void PlayMedia(object sender, RoutedEventArgs e) { media.Play();
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions } http://samples.msdn.microsoft.com/Silverlight/silverlight_next/Media/media_o vw_controlling_media/ClientBin/TestPage.html 2.3 Timeline Markers M t timeline marker là siêu d li u liên k t v i m t đi m trong m t t p tin media. các đánh d u thư ng đư c t o trư c và đư c lưu tr trong các t p tin media riêng. chúng thư ng đư c s d ng đ đ t tên khác nhau trong m t c nh quay video, cho phép ngư i s d ng tìm đ n m t v trí ho c cung c p các phân c nh. Khi MediaElement đ t đ n m t th i gian đánh d u trong quá trình phát, nó s tăng MarkerReached, s ki n này có th s d ng đ kích ho t hành đ ng khác. M t MediaElement c a đ i tư ng Marker đ u cho phép b n truy c p vào tiêu đ (nhúng, đánh d u lưu tr trong t p tin media). M t t p tin có th ch a c hai bao g m tiêu đ nhúng t p l nh và t p l nh riêng bi t Time: Type: Value: private void OnMarkerReached(object sender, TimelineMarkerRoutedEventArgs e) { timeTextBlock.Text = e.Marker.Time.Seconds.ToString(); typeTextBlock.Text = e.Marker.Type.ToString(); valueTextBlock.Text = e.Marker.Text.ToString(); }
Infoway CHƯƠNG VI: MEDIA VÀ ANIMATION Solutions 2.4 Server-Side Playlist M t server-side playlist là m t dãy các tài nguyên media cho phép qu n tr viên trên máy ch ki m soát các tài nguyên media c a ngư i s d ng. m t danh sách media phía máy ch đư c s d ng đ ph c v vi c phát media, nó có th ko không cho phép download t client. Silverlight s d ng t p tin wsx đ c u hình xác đ nh m t server-side playlist(SSPL) có th đư c ph c v cho client thông qua các đ i tư ng MediaElement. M t s l i ích c a vi c s d ng (SSPL) như sau - Gi m băng thông do gi m s l n phía client k t n i t i server đ l y n i dung. - B n có th tuỳ ch n danh sách media khi mà b n đang phát m t danh sách media t trư c. - B n có th ki m soát, b sung media. Ví d b n có th chơi ch m t ph n c a m t t p tin media.