Video.js v10 Beta: Xin chào, Thế Giới (một lần nữa)

Hôm nay chúng tôi rất vui mừng giới thiệu Video.js v10.0.0 beta. Đây là kết quả của một đợt viết lại hoàn toàn mới, không chỉ của Video.js mà còn của các dự án nguồn mở khác như Plyr, Vidstack, và Media Chrome.

Những cải tiến chính

Giảm kích thước gói mặc định tới 88%.
Hỗ trợ tuỳ chỉnh sâu với React, Typescript, và Tailwind.
Cải thiện giao diện và hiệu suất.
Tối ưu hóa cho sự phát triển với hỗ trợ AI.

HTML Ví dụ

<video-player>
  <video-skin>
    <video src="video.mp4"></video>
  </video-skin>
</video-player>

React Ví dụ

import '@videojs/react/video/skin.css';

import { createPlayer } from '@videojs/react';
import { videoFeatures, VideoSkin, Video } from '@videojs/react/video';

const Player = createPlayer({
  features: videoFeatures,
});

function App() {
  return (
    <Player.Provider>
      <VideoSkin>
        <Video src="video.mp4" />
      </VideoSkin>
    </Player.Provider>
  );
}

Kích thước gói

Video.js v10 đã giảm kích thước gói mặc định 88% so với phiên bản trước.

Player	Minified (kB)	Gzip (kB)
Video.js v10 Video [HTML]	97.4	25.1
Video.js v10 Audio [React]	49.2	15.2

Động cơ v10 (SPF)

SPF (Streaming Processor Framework) giúp giảm kích thước động cơ streaming đáng kể chỉ còn 12% so với các động cơ tương tự.

Engine	Minified (kB)	Gzip (kB)
SPF-composed engine	38.5	12.1

Trải nghiệm giao diện người dùng

Video.js v10 cung cấp một số skin sẵn sàng sử dụng và dễ dàng tùy chỉnh. Các skin được thiết kế bởi Sam Potts với giao diện tinh xảo và tương tác mượt mà.

.slider-thumb {
  width: 0.75rem;
  height: 0.75rem;
  background: white;
  border-radius: 50%;
}

Cách nghĩ về AI

Cải thiện khả năng phát triển với AI qua các component không bị abstract.
Hỗ trợ markdown trong tài liệu để giảm tải không cần thiết.

Thử nghiệm bản beta

Một số điều cần biết:

API chưa ổn định. Một số giao diện sẽ thay đổi trước khi phát hành chính thức.
Hạn chế tính năng. Tập trung vào tính năng phát lại trang web đơn giản.
Rất cần phản hồi của bạn. Hãy tham gia thảo luận trên GitHub hoặc Discord.

Cảm ơn đặc biệt đến…

Đội ngũ phát triển và các cố vấn đã giúp hiện thực hóa dự án này. Video.js v10 Beta hứa hẹn giúp bạn quay lại yêu thích video player của mình. ❤️

Video.js v10 Beta: Xin chào, Thế Giới (một lần nữa)

TL;DR