HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. Nó được sử dụng để thiết kế các trang web bằng ngôn ngữ đánh dấu. Nó là sự kết hợp của ngôn ngữ siêu văn bản và ngôn ngữ đánh dấu. HTML sử dụng các thẻ và các phần tử được xác định trước cho trình duyệt cách hiển thị đúng nội dung trên màn hình. Vì vậy, trong bài viết này, chúng tôi sẽ học cách nhúng âm thanh và video trong HTML. Để chèn các tệp đa phương tiện trên các trang web, chúng tôi đã biết cách chèn hình ảnh trong HTML. & NBSP;
Làm thế nào để nhúng âm thanh trong HTML?
Để nhúng âm thanh trong HTML, chúng tôi sử dụng thẻ. Trước HTML5, âm thanh không thể được thêm vào các trang web trong kỷ nguyên Internet Explorer. Để phát âm thanh, chúng tôi đã sử dụng các plugin web như Flash. Sau khi phát hành HTML5, có thể. Thẻ này hỗ trợ Chrome, Firefox, Safari, Opera và Edge ở ba định dạng âm thanh - MP3, WAV, OGG. Chỉ có trình duyệt Safari không hỗ trợ định dạng âm thanh OGG.
Syntax:
Thuộc tính của thẻ
tự chạy | tự chạy | Khi trang được tải. Nó chỉ định để phát âm thanh càng sớm càng tốt. & NBSP; |
kiểm soát | kiểm soát | Nó hiển thị điều khiển âm thanh. & NBSP; |
vòng | vòng | Nó sẽ bắt đầu lại âm thanh khi nó kết thúc. & NBSP; |
tắt tiếng | tắt tiếng | Khi trang được tải âm thanh sẽ tự động bị tắt tiếng. & NBSP; |
tải trước | Siêu dữ liệu tự động không ai | Nó chỉ định cách tác giả nghĩ rằng âm thanh sẽ được tải khi trang đã sẵn sàng. & NBSP; |
SRC | URL | Nó chỉ định URL của tệp âm thanh. & NBSP; |
Example:
Trong ví dụ này, chúng tôi sẽ thêm một tệp âm thanh vào một trang web. Để thêm các tệp âm thanh trên trang web, chúng tôi cần một notepad hoặc một trình soạn thảo văn bản khác. & Nbsp;
Bước 1: Mở Notepad của bạn bằng cách tìm kiếm Notepad trong danh sách ứng dụng của bạn. & NBSP;Open your notepad by searching notepad in your application list.
Bước 2: Lưu một tệp mới có tên hợp lệ sau đây với tiện ích mở rộng .html. & NBSP; Save a new file with a valid name following with .html extension.
Bước 3: Khi tệp HTML được lưu, bạn có thể viết mã HTML bên trong tệp này. Trong ví dụ này, chúng tôi phải nhúng một tệp âm thanh vì vậy trước tiên hãy tiếp tục sẵn sàng một tệp âm thanh và lưu nó trong cùng một thư mục trong đó HTML của bạn được lưu. Sau đó, chúng tôi viết mã HTML như được hiển thị bên dưới đoạn mã theo định dạng mã HTML. & NBSP; Once the HTML file is saved, you can write HTML code inside this file. In this example, we have to embed an audio file so first keep ready an audio file and save it in the same directory where your HTML is saved. Then we write HTML code as shown below code snippet following by HTML code format.
HTML
4
head
>
4
html
>
Output:
Lưu ý: Trước khi thêm nguồn âm thanh phải chắc chắn rằng tệp âm thanh nằm trong cùng một thư mục và tên được chỉ định. & NBSP;Before adding an audio source must be sure that the audio file is in the same directory and specified name.
Làm thế nào để nhúng video trong HTML?
Để nhúng video trong HTML, chúng tôi sử dụng thẻ. Nó chứa một hoặc nhiều nguồn video tại một thời điểm bằng cách sử dụng TAG. Nó hỗ trợ MP4, WebM và OGG trong tất cả các trình duyệt hiện đại. Chỉ có định dạng video OGG không hỗ trợ trong trình duyệt Safari. & NBSP;
Cú pháp
Thuộc tính của thẻ
tự chạy | tự chạy | Khi trang được tải. Nó chỉ định để phát âm thanh càng sớm càng tốt. & NBSP; |
kiểm soát | kiểm soát | Nó hiển thị điều khiển âm thanh. & NBSP; |
vòng | vòng | Nó sẽ bắt đầu lại âm thanh khi nó kết thúc. & NBSP; |
tắt tiếng | tắt tiếng | Khi trang được tải âm thanh sẽ tự động bị tắt tiếng. & NBSP; |
tải trước | URL | Nó chỉ định URL của tệp âm thanh. & NBSP; |
tải trước | Siêu dữ liệu tự động metadata none | không ai |
SRC | URL | Nó chỉ định URL của tệp âm thanh. & NBSP; |
Trong ví dụ này, chúng tôi sẽ thêm một tệp âm thanh vào một trang web. Để thêm các tệp âm thanh trên trang web, chúng tôi cần một notepad hoặc một trình soạn thảo văn bản khác. & Nbsp; | Bước 1: Mở Notepad của bạn bằng cách tìm kiếm Notepad trong danh sách ứng dụng của bạn. & NBSP; | Bước 2: Lưu một tệp mới có tên hợp lệ sau đây với tiện ích mở rộng .html. & NBSP; |
Bước 3: Khi tệp HTML được lưu, bạn có thể viết mã HTML bên trong tệp này. Trong ví dụ này, chúng tôi phải nhúng một tệp âm thanh vì vậy trước tiên hãy tiếp tục sẵn sàng một tệp âm thanh và lưu nó trong cùng một thư mục trong đó HTML của bạn được lưu. Sau đó, chúng tôi viết mã HTML như được hiển thị bên dưới đoạn mã theo định dạng mã HTML. & NBSP; | Bước 1: Mở Notepad của bạn bằng cách tìm kiếm Notepad trong danh sách ứng dụng của bạn. & NBSP; | Bước 2: Lưu một tệp mới có tên hợp lệ sau đây với tiện ích mở rộng .html. & NBSP; |
Example:
Bước 3: Khi tệp HTML được lưu, bạn có thể viết mã HTML bên trong tệp này. Trong ví dụ này, chúng tôi phải nhúng một tệp âm thanh vì vậy trước tiên hãy tiếp tục sẵn sàng một tệp âm thanh và lưu nó trong cùng một thư mục trong đó HTML của bạn được lưu. Sau đó, chúng tôi viết mã HTML như được hiển thị bên dưới đoạn mã theo định dạng mã HTML. & NBSP;
HTML
9
1
>
Lưu ý: Trước khi thêm nguồn âm thanh phải chắc chắn rằng tệp âm thanh nằm trong cùng một thư mục và tên được chỉ định. & NBSP;
4
8
>
4
html
>
Làm thế nào để nhúng video trong HTML?
HTML
9
1
>
Lưu ý: Trước khi thêm nguồn âm thanh phải chắc chắn rằng tệp âm thanh nằm trong cùng một thư mục và tên được chỉ định. & NBSP;
Làm thế nào để nhúng video trong HTML?
4
4
8
>
4
html
>
Output: