TAILIEUCHUNG - html5 designing rich internet applications visualizing the web phần 7

Ví dụ, bạn có thể thêm một cái đầu phát lại để theo dõi bạn đang ở đâu trong đoạn video, chuyển tiếp, và tua lại cũng. Bạn có thể thấy một ví dụ về hỗ trợ video HTML5 với các điều khiển tùy chỉnh tại YouTube ). Không có nghi ngờ rằng các công cụ để nhanh chóng tạo ra các giao diện và chủ đề cho người chơi video sẽ được phát triể | 186 HTML5 RICH MEDIA FOUNDATION br a href onClick if else Play Pause a p body html There are other controls you can add to your VIDEO element. For instance you can add a playback head to track where you are in the video fast forward and rewind as well. You can see an example of HTML5 video support with custom controls at YouTube http html5 see also Figure . There is no doubt that as the HTML5 VIDEO element matures tools to quickly create skins and themes for video players will be developed. Figure YouTube s experimental HTML5 video page. Controlling Audio with AUDIO Tags Audio can be controlled in exactly the same way as video in HTML5. Leveraging the new AUDIO element you can embed audio files directly into your web page. Again as with the VIDEO element the process of embedding audio into your web page is very easy. In order to embed audio into your web page you need either an MP3 AAC or Ogg Theora-formatted audio file. audio autoplay controls source src audio HTML5 RICH MEDIA FOUNDATION 187 Figure The playback controls for AUDIO are the same as those for VIDEO. In the previous code the AUDIO element has the autoplay and controls attributes added. You will see in Figure that the controls are stripped-down versions of the AUDIO element controls. As with the VIDEO element controls there is nothing too fancy. As with video you can control the audio playing back using JavaScript and some CSS. Let s start with using JavaScript before we make everything look pretty with CSS. The first step is to create the base web page. The following HTML should be getting familiar to you. DOCTYPE HTML html head title Audio in HTML5 title head body body html Now let s add the AUDIO element between the BODY elements. audio source src audio You will see from the HTML code that the AUDIO element does not have any attributes. The autoplay and controls attributes have been removed. If you preview this

• Đồ họa - Thiết kế - Flash
• thiết kế đồ họa
• phương pháp thiết kế đồ họa
• Thiết kế Logo đồ họa flash
• thiết kế nội dung đồ họa cho game flash
• Thiết kế giao diện web
• thiết kế Flash
• Tóm tắt Đồ án tốt nghiệp
• Đồ án tốt nghiệp Thiết kế đồ họa
• Thiết kế đồ họa quảng cáo
• Thiết kế đồ họa quảng cáo cho Phoenix Resort
• Thiết kế đồ họa quảng cáo nhà hàng pizza chay
• Đồ án tốt nghiệp
• Thiết kế đồ họa quảng cáo cho showroom oto
• Thiết kế đồ họa quảng cáo cho shop giày
• Thiết kế đồ họa quảng cáo cho nha khoa
• Thiết kế truyện tranh Việt Nam
• Thiết kế Logo Ess Condom
• Thiết kế đồ họa quảng cáo cho thực phẩm chức năng
• Thiết kế logo thực phẩm chức năng
• Thiết kế đồ họa quảng cáo cho nhà hàng
• Thiết kế poster quảng cáo món sushi
• Thương hiệu B Solly Fashion
• Thiết kế các poster quảng cáo fashion show
• Thiết kế poster quảng cáo sữa trái cây
• Quảng bá thương hiệu
• Du lịch biển Seahorse Travel
• Hình thức quảng cáo cho sản phẩm
• Thiết kế đồ họa công ty du lịch
• Quán cơm nhà Xứ Quảng
• Thiết kế đồ họa quảng cáo cho quán cơm
• Thiết kế đồ họa quảng cáo thương hiệu Mỹ phẩm
• Mỹ phẩm thiên nhiên
• Quy trình làm phim hoạt hình 2D
• Công ty nước hoa Florentino
• Thiết kế đồ họa quảng cáo sự kiện
• Festival Music Mix Danang
• Công viên Asia Park
• Thiết kế đồ họa quảng cáo cho công viên
• Công ty The Universe
• Thương hiệu game Shotgaming
• Thiết kế đồ họa quảng cáo cho nhà hàng thực chay
• Nhà hàng thực chay
• Gallery thân võ
• Nhà hàng Shrimp Restaurant
• Thiết kế đồ họa quảng cáo sản phẩm
• Xây dựng bao bì sản phẩm