7 trình phát Video bằng Html5 tốt nhất
ể chơi nhạc, video gia đình, tài liệu (và chúng tôi hy vọng rằng bất cứ điều gì liên quan đến vi phạm bản quyền ). Chúng tôi không cần phải bắt đầu từ mặt đất và đọc về các
<video>thẻ html và làm thế nào để thao tác nó với javascript hoặc học để đối phó với các vấn đề tương thích vv Hãy thông minh và sử dụng một plugin. Đầu này cung cấp các plugin để giải quyết các nhiệm vụ khó hơn như sự tương thích, sự thừa nhận của các nhà thám hiểm lớn tuổi vv và sẽ làm cho cuộc sống của bạn dễ dàng hơn nhiều.Thưởng thức bộ sưu tập sau đây của 7 trong số các trình cắm thêm media player có nhiều tính năng nhất hiện có trên web.
7. Projekktor
Projekktor là một trình phát video và âm thanh mã nguồn mở dành cho web, được viết bằng Javascript, được phát hành dưới GPLv3. Nó đơn giản hóa cách bạn thực hiện và làm việc với video trên web bằng cách giải quyết hàng loạt vấn đề về trình duyệt và tính tương thích, thêm kẹo mắt và cung cấp các tính năng không tiêu chuẩn cực mạnh.
Projekktor tự động phát hiện cách tốt nhất để phát nội dung của bạn. Bất kể qua Flash, VLC Web Plugin hoặc video HTML5: HTML Javascript hoạt động như nhau. Hãy tập trung vào phần thú vị trong công việc của bạn và để Projekktor làm công việc dơ bẩn.
Nền tảng khác nhau, một cái nhìn và hành vi. Projekktor cung cấp trải nghiệm nhất quán cho người dùng của bạn. Bất kể họ đi cùng với máy tính để bàn hay thiết bị di động. Không có phát hiện tác nhân người dùng, không có thủ thuật đánh dấu lồng nhau nào mà là một trình phát mà chỉ hoạt động và trông giống nhau.
6. jPlayer
JPlayer là một thư viện đa phương tiện hoàn toàn miễn phí và mã nguồn mở được viết bằng JavaScript. Một plugin jQuery, (và Zepto) jPlayer cho phép bạn nhanh chóng dệt âm thanh và video nền tảng chéo vào các trang web của bạn. API toàn diện của jPlayer cho phép bạn tạo các giải pháp truyền thông sáng tạo trong khi hỗ trợ và khuyến khích được cung cấp bởi cộng đồng đang hoạt động và đang phát triển của jPlayer.
- Dễ bắt đầu, triển khai trong vài phút.
- Hoàn toàn có thể tùy chỉnh và skinnable sử dụng HTML và CSS.
- Trọng lượng nhẹ - chỉ có 14KB và được Gzipped.
- Miễn phí và mã nguồn mở, không có hạn chế về giấy phép.
- Cộng đồng đang hoạt động và đang phát triển cung cấp hỗ trợ.
- Plugin miễn phí có sẵn cho các nền tảng phổ biến.
- Hỗ trợ nền tảng mở rộng - đa codec, trình duyệt chéo và nền tảng chéo.
- Tài liệu toàn diện và hướng dẫn bắt đầu.
- API thống nhất và giao diện trong tất cả các trình duyệt, HTML5 hoặc Adobe® Flash ™.
- Kiến trúc mở rộng.
- HTML5: mp3, mp4 (AAC / H.264), ogg (Vorbis / Theora), webm (Vorbis / VP8), wav.
- Flash: mp3, mp4 (AAC / H.264), rtmp, flv.
5. MediaElement.js
HTML5
<audio>hoặc <video>máy nghe nhạc với Flash và Silverlight shims bắt chước HTML5 MediaElement API, cho phép giao diện người dùng thống nhất trong tất cả các trình duyệt. Thay vì cung cấp một trình phát HTML5 cho các trình duyệt hiện đại và một trình phát Flash hoàn toàn khác với các trình duyệt cũ, MediaElement.js sẽ nâng cấp chúng bằng các plugin Flash và Silverlight tùy chỉnh bắt chước HTML5 MediaElement API. Nhiều người chơi HTML5 lớn có giao diện người dùng Flash riêng biệt ở chế độ dự phòng, nhưng MediaElementPlayer.js sử dụng cùng một HTML / CSS cho tất cả người chơi.- Trình phát HTML5 âm thanh và video trong HTML và CSS tinh khiết.
- Trình phát Flash tùy chỉnh và Silverlight bắt chước API HTML5 MediaElement cho các trình duyệt cũ hơn.
- Các tiêu chuẩn tiếp cận bao gồm WebVTT.
4. Mưa
Afterglow là một công cụ để tạo ra các trình phát video hoàn toàn đáp ứng và hoàn toàn từ các phần tử video HTML5 với nỗ lực ít nhất có thể.
Khởi tạo của nó là rất đơn giản và cung cấp hỗ trợ cho các phẩm chất khác nhau:
<!DOCTYPE html>
<html>
<head>
<title>afterglow player</title>
<script type="text/javascript" src="//cdn.jsdelivr.net/afterglow/latest/afterglow.min.js"></script>
</head>
<body>
<video class="afterglow" id="myvideo" width="1280" height="720">
<source type="video/mp4" src="/path/to/myvideo.mp4" />
</video>
</body>
<html>
3. Popcorn.js
Popcorn.js là thư viện JavaScript cho phép video, âm thanh và các phương tiện khác kiểm soát và được kiểm soát bởi các phần tử tùy ý của trang web. Kết hợp các công nghệ web mã nguồn mở, các tác giả có thể cho phép các phương tiện truyền thông của họ trở thành "người dẫn dắt" những trải nghiệm tương tác và đắm chìm. Popcorn.js là một khung phương tiện HTML5 được viết bằng JavaScript dành cho các nhà làm phim, nhà phát triển web và bất kỳ ai muốn tạo phương tiện tương tác dựa trên thời gian trên web. Popcorn.js là một phần của dự án Popcorn của Mozilla , Popcorn.js được Mozilla mang đến cho bạn.
Popcorn.js là một khung sự kiện cho phương tiện truyền thông HTML5. Popcorn.js sử dụng các thuộc tính, phương pháp và sự kiện HTMLMediaElement, chuẩn hóa chúng thành một API dễ học và cung cấp một hệ thống plugin cho các tương tác cộng đồng.
Gói tiện ích cho phép Popcorn được sử dụng với nhiều loại phương tiện khác ngoài HTML5 video và âm thanh. Điều này có nghĩa là nó có thể được sử dụng với YouTube, Vimeo và SoundCloud. Điều này tạo ra tiềm năng cho các phương tiện truyền thông khác nhau được kết hợp với Popcorn.js. Sử dụng Popcorn trong các dự án của bạn là một trải nghiệm không đau, đòi hỏi khoảng 7 dòng JavaScript để hoàn thành công việc ( xem hướng dẫn bắt đầu cơ bản ở đây ).
2. Video.js
Video.js là một trình chơi video web được xây dựng từ đầu cho thế giới HTML5. Nó hỗ trợ HTML5 và Flash video, cũng như YouTube và Vimeo (thông qua plugin). Nó hỗ trợ phát lại video trên máy tính để bàn và các thiết bị di động. Dự án này được bắt đầu vào giữa năm 2010, và người chơi hiện đang được sử dụng trên 200.000 trang web.
1. Plyr
Plyr là một HTML5, YouTube và Vimeo media player đơn giản, có thể truy cập và tùy biến. Đây là máy nghe nhạc đa phương tiện nhẹ, có thể truy cập và tùy biến hỗ trợ các trình duyệt hiện đại. Plyr làm cho mọi việc thực sự đơn giản, sử dụng các yếu tố phù hợp cho công việc.
Tính năng, đặc điểm
- Khả năng tiếp cận - hỗ trợ đầy đủ cho phụ đề VTT và trình đọc màn hình.
- Trọng lượng nhẹ - dưới 10KB được làm nhỏ và gzipped.
- Tùy chỉnh - làm cho máy nghe nhạc trông như thế nào bạn muốn với các đánh dấu bạn muốn.
- Semantic - sử dụng đúng các phần tử.
<input type="range">Cho khối lượng và<progress>cho sự tiến bộ và tốt,<button>s cho các nút. Không có nút<span>hoặc<a href="#">hacks. - Phản ứng - như bạn mong đợi trong những ngày này.
- HTML Video & Audio - hỗ trợ cho cả hai định dạng.
- Video được nhúng - hỗ trợ phát lại video trên YouTube và Vimeo.
- API - bật / tắt phát, thu âm, tìm kiếm và hơn thế nữa.
- Các sự kiện toàn cầu - không hề phiền hà với các API của Vimeo và YouTube, tất cả các sự kiện đều phổ biến trên nhiều định dạng.
- Toàn màn hình - hỗ trợ chế độ toàn màn hình toàn màn hình với chế độ lưu lại chế độ "toàn màn hình".
- Hỗ trợ i18n - hỗ trợ quốc tế hóa các kiểm soát.
- Không có phụ thuộc - được viết bằng "vani" JavaScript, không yêu cầu jQuery.
Thêm
LeanBack Player
Trình phát LeanBack Player là một trình chạy HTML và Video Media Player dựa trên Javascript sử dụng chức năng HTML5
<video>và chức năng <audio>phần tử được xây dựng trong các trình duyệt, nền tảng và thiết bị chuẩn. Nó rất dễ dàng để tích hợp, nó skinnable bằng cách sử dụng CSS, nó là độc lập của bất kỳ thư viện javascript khác, nó thích nghi bằng cách sử dụng các phần mở rộng và nó miễn phí cho sử dụng phi thương mại, pitativelyly bạn sẽ phải trả một giấy phép nếu dự án của bạn là thương mại .
Nếu bạn có một plugin khác của trình phát media tuyệt vời mà bạn muốn chia sẻ với mọi người, vui lòng chia sẻ nó trong hộp nhận xét bên dưới. Chúc vui vẻ
7 trình phát Video bằng Html5 tốt nhất
Reviewed by Cuong Nguyen
on
March 25, 2017
Rating:
Reviewed by Cuong Nguyen
on
March 25, 2017
Rating:
No comments: