Thông tin tài liệu
http://vietjack.com/html5/index.jsp Copyright © vietjack.com Audio Video HTML5 Các đặc trưng HTML5, bao gồm hỗ trợ audio video tự nhiên mà không cần Flash Thẻ HTML5 làm đơn giản để thêm đa phương tiện tới Website Bạn cần thiết lập thuộc tính src để nhận diện nguồn phương tiện bao gồm thuộc tính control để người sử dụng chơi dừng đa phương tiện Nhúng video Dưới mẫu đơn giản để nhúng video file trang web bạn: not support the element Your browser does Chi tiết kỹ thuật phác thảo HTML5 không xác định định dạng video mà trình duyệt nên hỗ trợ thẻ video Nhưng định dạng video sử dụng phổ biến là: • Ogg: Ogg file với Thedora video Vorbis video • mpeg4: MPEG4 file với H.264 video AAC audio Bạn sử dụng thẻ để xác định đa phương tiện với kiểu đa phương tiện nhiều thuộc tính khác Một phần tử video cho phép nhiều phần tử source trình duyệt sử dụng định dạng nhận đầu tiên: Your browser does not support the element Ví dụ cho kết quả: Thuộc tính thẻ video Thẻ HTML5 video có số thuộc tính để điều khiển nhìn cảm nhận tính đa dạng điều khiển: http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/html5/index.jsp Copyright © vietjack.com Thuộc tính Miêu tả autoplay Thuộc tính logic xác định trước, video tự động bắt đầu chơi lại (playback) sau thực mà khơng dừng lại để hoàn thành việc tải liệu autobuffer Thuộc tính logic định cấu hình, video tự động bắt đầu đệm khơng thiết lập để tự động chơi controls Nếu thuộc tính có mặt, cho phép người sử dụng để điều khiển video phát lại sau, bao gồm âm lượng, chơi lại từ đầu dừng/khôi phục lại phát lại height Thuộc tính xác định chiều cao khu vực hiển thị video, đơn vị CSS pixel loop Thuộc tính logic xác định, cho phép video tự động playback từ đầu sau kết thúc preload Thuộc tính xác định video tải trang tải, sẵn sàng chạy Bị bỏ qua autoplay có mặt poster Đây URL hình ảnh để hiển thị người sử dụng chơi chơi lại từ đầu src URL video nhúng Nó tùy ý; bạn thay cho sử dụng phần tử khối video để xác định video để nhúng width Thuộc tính xác định độ rộng khu vực hiển thị video, đơn vị CSS pixel Nhúng Audio HTML5 hỗ trợ thẻ mà sử dụng để nhúng nội dung âm tài liệu HTML XHTML sau: http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/html5/index.jsp Copyright © vietjack.com element Your browser does not support the Chi tiết kỹ thuật phác thảo HTML5 không xác định định dạng audio mà trình duyệt nên hỗ trợ thẻ audio Nhưng định dạng audio sử dụng phổ biến ogg, mp3 wav Bạn sử dụng thẻ để xác định đa phương tiện với kiểu media nhiều thuộc tính khác Một phần tử audio cho phép nhiều phần tử source trình duyệt sử dụng định dạng mà nhận đầu tiên: Your browser does not support the element Ví dụ cho kết quả: Các thuộc tính Audio Thẻ HTML5 audio có số thuộc tính để điều khiển nhìn cảm nhận tính đa dạng khác điều khiển: Thuộc tính Miêu tả autoplay Thuộc tính logic xác định trước, audio tự động bắt đầu playback sau thực mà khơng dừng lại để hồn thành việc tải liệu autobuffer Thuộc tính logic định cấu hình, audio tự động bắt đầu đệm khơng thiết lập để tự động chơi controls Nếu thuộc tính có mặt, cho phép người sử dụng để điều khiển audio phát lại sau, bao gồm âm lượng, chơi lại từ đầu dừng/khôi phục lại phát lại loop Thuộc tính logic xác định, cho phép audio tự động chơi lại từ đầu sau kết thúc http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/html5/index.jsp Copyright © vietjack.com preload Thuộc tính xác định audio tải trang tải, sẵn sàng chạy Bị bỏ qua autoplay có mặt src URL audio nhúng Nó tùy ý; bạn thay cho sử dụng phần tử khối video để xác định video để nhúng Xử lý kiện Media Các thẻ HTML5 audio video có số thuộc tính để điều khiển tính đa dạng bơi sử dụng Javascript: Sự kiện Miêu tả abort Sự kiện tạo playback bị bở dở canplay Sự kiện tạo đủ liệu có sẵn mà đa phương tiện chơi ended Sự kiện tạo playback hoàn thành error Sự kiện tạo lỗi xảy loadeddata Sự kiện tạo Frame media hoàn thành tải loadstart Sự kiện tạo trình tải media bắt đầu pause Sự kiện tạo playback bị dừng play Sự kiện tạo playback bắt đầu khôi phục progress Sự kiện tạo định kỳ để thông báo tiến trình việc tải media http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/html5/index.jsp Copyright © vietjack.com ratechange Sự kiện tạo tốc độ playback thay đổi seeked Sự kiện tạo hoạt động seek hoàn thành seeking Sự kiện tạo hoạt động seek bắt đầu suspend Sự kiện tạo việc tải media bị hoãn volumechange Sự kiện tạo âm lượng audio thay đổi waiting Sự kiện tạo hoạt động yêu cầu (ví dụ playback) bị trì hỗn để đợi hoạt động khác kết thúc (ví dụ hoạt động seek) Sau ví dụ mà cho phép play video cho: function PlayVideo(){ var v = document.getElementsByTagName("video")[0]; v.play(); } Your browser does not support the element Ví dụ cho kết quả: Định cấu hình Server cho kiểu media Theo mặc định hầu hết Server khơng phục vụ kiểu phương tiện Ogg mp4 với kiểu MIME xác, bạn cần bổ sung định cấu hình xác cho chúng: AddType audio/ogg oga AddType audio/wav wav AddType video/ogg ogv ogg AddType video/mp4 mp4 http://vietjack.com/ Trang chia sẻ các bài học online miễn phí ... URL video nhúng Nó tùy ý; bạn thay cho sử dụng phần tử khối video để xác định video để nhúng width Thuộc tính xác định độ rộng khu vực hiển thị video, đơn vị CSS pixel Nhúng Audio HTML5. .. autoplay> element < /audio> Your browser does not support the Chi tiết kỹ thuật phác thảo HTML5 khơng xác định định dạng audio mà trình duyệt nên hỗ trợ thẻ audio Nhưng định dạng audio sử... src="http://www.vietjack.com /html5 /audio. ogg" type= "audio/ ogg" /> Your browser does not support the element < /audio> Ví
Ngày đăng: 02/12/2017, 17:31
Xem thêm:
