Chuyển tiếp video html5 không hoạt động

Đối với tất cả các bạn hơi thiếu kiên nhẫn và chỉ muốn biết các phương thức, thuộc tính và trình xử lý sự kiện được sử dụng với đối tượng video để tự thiết lập một cái gì đó nhanh chóng, đây là một bảng có các chức năng được sử dụng nhiều nhất được sắp xếp theo chủ đề. Tất nhiên, chúng tôi cũng đã xây dựng các phương pháp và khái niệm mang theo.

các tính năng và thuộc tính cơ bảnvideo. play() bắt đầu phát (có thể nhảy tới đầu nếu đã phát) video. tạm dừng () tạm dừng (một video. pause() theo sau là một video. play() có thể không có tác dụng mong muốn. )video. pausetrue nếu video bị tạm dừng, false nếu không. 'myfn()'hàm khởi tạo myfn() được gọi ngay sau khi video được tải xong. 'myfn()' trình kích hoạt được gọi trong khi video đang phát và bất cứ khi nào có khung tìm kiếm'myfn()'khung chương trình đã nhảy tới sẵn sàng để được xem và đọc ra'myfn()'xác định quy trình xử lý lỗivideo. thời lượngthời lượng của video tính bằng giâyvideo. Thời điểm hiện tại thời điểm thực tế trong thời gian phát lại, tìm đến thời điểm đã cho trong video thời gian. videoChiều rộng, video. video Chiều cao chiều rộng và chiều cao của khung hình hoặc video hình ảnh được hiển thị. playBackRate1 ~ tốc độ phát lại mặc định; . 5 ~ một nửa, 2 ~ tốc độ phát lại gấp đôi, -1,-2,-3,. tua lại video. tắt tiếng đúng bất cứ khi nào âm thanh bị tắtvideo. volumevolume dưới dạng phân số hoặc số thực (giá trị từ 0 đến 1)

Thẻ video có thể được chèn vào tài liệu. createElement("VIDEO") vào tài liệu; . src,. tự chạy,. vòng,. kiểm soát und. tải trước (xem bài viết giới thiệu của tôi). video. addEventListener('canplay', fnname, false) cuối cùng cũng thêm một trình lắng nghe sự kiện vào đối tượng video mới của chúng ta. Chức năng được gọi bởi cơ chế này mong đợi một đối tượng sự kiện e làm tham số. Do đó, bạn có thể truy cập đối tượng video qua e. Mục tiêu. "lỗi" là một trình xử lý sự kiện khác cho một chức năng như function(e) { alert(e. mã số);

e. code1 == MEDIA_ERROR_ABORTEDngười dùng đã hủy bỏ tìm nạp video2 == MEDIA_ERROR_NETWORKlỗi mạng3 == MEDIA_ERR_DECODElỗi tại thời điểm giải mã4 == MEDIA_ERR_SRC_NOT_SUPPORTEDĐịnh dạng phương tiện không được hỗ trợ

Bạn có thể phát hiện tiến trình tìm nạp video bằng video. mạngTrạng thái

video. networkState0 == NETWORK_EMPTYchưa được khởi tạo1 == NETWORK_IDLEâm thanh/video đang hoạt động và đã chọn một tài nguyên nhưng không sử dụng mạng2 == NETWORK_LOADINGđang tìm nạp nguồn3 == NETWORK_NO_SOURCEKhông thể phát hiện nguồn ở định dạng được hỗ trợ

Theo video trường trạng thái. mạngTrạng thái các sự kiện sau tồn tại. bắt đầu tải, tiến trình (tải xuống), tạm dừng (tải video bị treo/xong), hủy bỏ (tải xuống bị hủy bỏ), lỗi, làm trống (khi tải lại), bị đình trệ (cố gắng lấy dữ liệu nhưng không có sẵn)

video. currentSrc biểu thị nguồn mà nguồn đang được tìm nạp. video. canPlayType(type) == '' / 'maybe' / 'probably' xác định xem định dạng đã cho có thể không tải được hay không, có thể hoặc có thể được tải

Để bắt đầu video vào đúng thời điểm video. readyState tồn tại

video. readyState0 == HAVE_NOTHINGno data1 == HAVE_METADATAthời lượng, chiều rộng, chiều cao và siêu dữ liệu khác của video đã được tìm nạp. 2 == HAVE_CURRENT_DATAKhông có đủ dữ liệu được tải để bắt đầu hoặc tiếp tục phát lại. 3 == HAVE_FUTURE_DATAđủ dữ liệu để bắt đầu phát lại4 == HAVE_ENOUGH_DATAcó thể phát luồng đa phương tiện mà không bị gián đoạn cho đến hết

Một lần nữa, chúng tôi có các sự kiện phù hợp như siêu dữ liệu đã tải, dữ liệu đã tải, đang chờ, đang phát, có thể phát và có thể phát qua. Cuối cùng, chúng tôi cũng có các sự kiện cho các hành động nhất định của người dùng. phát, tạm dừng, tìm kiếm, cập nhật thời gian, đã kết thúc, thay đổi tỷ lệ và thay đổi thời lượng

Bạn có thể xác định xem một khoảng thời gian nhất định đã được lưu vào bộ đệm, đã phát hay liệu nó có thể tìm kiếm được hay không (tìm kiếm = chuyển đến một thời điểm nhất định). được lưu vào bộ đệm, đã phát và có thể tìm kiếm là các đối tượng TimeRanges. Số lượng khoảng thời gian có thể được xác định với timeranges. chiều dài; . start(i) và timeranges. kết thúc(tôi). Ngoài ra, chúng tôi có các cờ trạng thái boolean đang tìm kiếm và kết thúc được đặt trong khi tìm kiếm một vị trí mới hoặc bất cứ khi nào đi đến cuối video. video. startTime at last đưa ra vị trí mà từ đó khoảng thời gian phát lại cuối cùng đã được bắt đầu

Điều thú vị là bạn cũng có thể đọc từng pixel của khung hình video thực tế, để thay đổi nó bằng các thao tác theo pixel và sau đó hiển thị kết quả bên trong một đối tượng canvas. Tuy nhiên điều này không thể được thực hiện trực tiếp. Lúc đầu, bạn cần sao chép khung hình thực tế bằng drawImage từ video vào khung vẽ sẽ cần được ẩn khỏi người dùng. Từ đó bạn có thể đọc hình ảnh với pixel getImageData theo pixel. Cuối cùng, bạn có thể muốn tạo một hình ảnh đã thay đổi bằng createImageData, sau đó cần phải điền bằng tay. Tất cả các pixel được lưu trữ trong một mảng một chiều với mục nhập cho màu đỏ, xanh lá cây, xanh lam và alpha (độ mờ) theo trình tự cho mỗi pixel. Sau khi điền vào mảng pixel mới tạo, bạn có thể hiển thị kết quả bằng putImageData

Tại sao video HTML5 không hoạt động?

Tại sao thẻ video của tôi không hoạt động trong HTML?

MP4 có thể phát trên HTML5 không?

Video HTML5 có hoạt động trên thiết bị di động không?