Làm cách nào để thêm âm thanh vào hình ảnh trong html?

Đôi khi bạn cần thêm nhạc hoặc video vào trang web của mình. Cách dễ nhất để thêm video hoặc âm thanh vào trang web của bạn là đưa vào thẻ HTML đặc biệt có tên là. Thẻ này làm cho chính trình duyệt bao gồm các điều khiển cho thẻ hỗ trợ trình duyệt được cung cấp tự động đa phương tiện và loại phương tiện đã cho

Bạn cũng có thể bao gồm một thẻ cho các trình duyệt không nhận ra thẻ. Ví dụ: bạn có thể sử dụng để hiển thị một bộ phim bạn chọn và để hiển thị một hình ảnh JPG duy nhất nếu trình duyệt không hỗ trợ thẻ

Thí dụ

Đây là một ví dụ đơn giản để phát một tệp midi được nhúng -




   
      HTML embed Tag
   
	
   
      
         
      
   



The Tag Attributes

Following is the list of important attributes which can be used with tag.

Note −The align and autostart attributes deprecated in HTML5. Do not use these attributes.

Sr.No Attribute & Description 1

align

Determines how to align the object. It can be set to either center, left or right.

2

autostart

This boolean attribute indicates if the media should start automatically. You can set it either true or false.

3

loop

Specifies if the sound should be played continuously [set loop to true], a certain number of times [a positive value] or not at all [false]

4

playcount

Specifies the number of times to play the sound. This is alternate option for loop if you are usiong IE.

5

hidden

Specifies if the multimedia object should be shown on the page. A false value means no and true values means yes.

6

width

Width of the object in pixels

7

height

Height of the object in pixels

8

name

A name used to reference the object.

9

src

URL of the object to be embedded.

10

volume

Controls volume of the sound. Can be from 0 [off] to 100 [full volume].

Supported Video Types

You can use various media types like Flash movies [.swf], AVI's [.avi], and MOV's [.mov] file types inside embed tag.

  • .swf files − are the file types created by Macromedia's Flash program.

  • .wmv files − are Microsoft's Window's Media Video file types.

  • .mov files − are Apple's Quick Time Movie format.

  • .mpeg files − are movie files created by the Moving Pictures Expert Group.



   
      HTML embed Tag
   

   
      
         
      
   


Điều này sẽ tạo ra kết quả sau -

Âm thanh nền

Bạn có thể sử dụng thẻ HTML để phát nhạc nền trên trang web của mình. Thẻ này chỉ được hỗ trợ bởi Internet Explorer và hầu hết các trình duyệt khác đều bỏ qua thẻ này. Nó tải xuống và phát tệp âm thanh khi tài liệu máy chủ được người dùng tải xuống lần đầu tiên và được hiển thị. Tệp âm thanh nền cũng sẽ phát lại bất cứ khi nào người dùng làm mới trình duyệt

Lưu ý - Thẻ bgsound không được dùng nữa và nó được cho là sẽ bị xóa trong phiên bản HTML trong tương lai. Vì vậy, chúng không nên được sử dụng thay vào đó, nên sử dụng âm thanh thẻ HTML5 để thêm âm thanh. Nhưng vẫn vì mục đích học tập, chương này sẽ giải thích chi tiết về thẻ bgsound

Thẻ này chỉ có hai thuộc tính loop và src. Cả hai thuộc tính này đều có cùng ý nghĩa như đã giải thích ở trên

Đây là một ví dụ đơn giản để phát một tệp midi nhỏ -



   
      HTML embed Tag
   
	
   
      
         
      
   
	

Điều này sẽ tạo ra màn hình trống. Thẻ này không hiển thị bất kỳ thành phần nào và vẫn ẩn

Internet Explorer cũng chỉ có thể xử lý ba tệp định dạng âm thanh khác nhau - wav, định dạng gốc dành cho PC;

Thẻ đối tượng HTML

HTML 4 giới thiệu phần tử, phần tử cung cấp giải pháp đa năng cho việc bao gồm đối tượng chung. Phần tử cho phép các tác giả HTML chỉ định mọi thứ mà một đối tượng yêu cầu để trình bày bởi một tác nhân người dùng.

Dưới đây là một vài ví dụ -

Ví dụ 1

Bạn có thể nhúng tài liệu HTML vào chính tài liệu HTML như sau -

   alt : test.htm

Ở đây thuộc tính alt sẽ xuất hiện nếu trình duyệt không hỗ trợ thẻ đối tượng

Ví dụ - 2

Bạn có thể nhúng tài liệu PDF vào tài liệu HTML như sau –

   alt : test.htm

Ví dụ - 3

Bạn có thể chỉ định một số tham số liên quan đến tài liệu bằng thẻ. Đây là một ví dụ để nhúng tệp wav -

   
   
   
   alt : test.wav

Ví dụ - 4

Bạn có thể thêm một tài liệu flash như sau -

   
   
   
   

Ví dụ - 5

Bạn có thể thêm một java applet vào tài liệu HTML như sau -

   

Thuộc tính classid xác định phiên bản Trình cắm Java nào sẽ sử dụng. Bạn có thể sử dụng thuộc tính codebase tùy chọn để chỉ định nếu và cách tải xuống JRE

Chủ Đề