| BÀI HỌC

Để đưa âm thanh (nhạc nền) vào trang Web ta dùng thẻ <BGSOUND> (đối với IE và Mosaic) hoặc <EMBED> (đối với IE và Netscape). Hai thẻ này không cần có thẻ đóng.

Trong đó:

• filename là đường dẫn tới tên tập tin âm thanh bạn muốn chèn vào (có đôi .mid hoặc .wav)

• Thuộc tính LOOP chỉ ra số lần phát lại bản nhạc này (1,2,3...) hoặc lặp lại vô tận infinite hay -1.

Thẻ <BGSOUND> sẽ bắt trang Web tự động nạp file nhạc được liên kết khi ta mở trang và tự động chơi bản nhạc đó, bạn không thể điều khiển dừng lại hay phát lại theo ý thích, bởi nó không hiện ra thanh điều khiển. Nhưng đối với thẻ <EMBED> thì khác, nó cho phép bạn chọn chế độ hiện thanh điều khiển để người truy cập có thể tùy ý chơi nhạc.

Trong đó:

• filename là đường dẫn đến tập tin âm thanh

• Thuộc tính WIDTH và HEIGHT chỉ ra kích thước của thanh điều khiển, bằng số pixel hay giá trị tương đối (%)

• Thuộc tính AUTOSTART chỉ định cho trình duyệt có tự động chơi bản nhạc (true) hay không (false)

• Thuộc tính LOOP chỉ định cho trình duyệt có lặp lại bản nhạc này (true) hay không (false).

• Thuộc tính HIDDEN dùng để làm ẩn thanh điều khiển này (true). Điều này sẽ tương tự như dùng thẻ <BGSOUND>.

Một điểm khác biệt nữa giữa hai thẻ này là: Thẻ <BGSOUND> sẽ tạm ngừng chơi nhạc nếu như cửa sổ trình duyệt bị thu nhỏ (minimize) và sẽ chơi tiếp tục khi cửa sổ được mở trở lại (restore hay maximize). Nếu có nhiều trang web sử dụng thẻ <BGSOUND> thì chỉ có cửa sổ active sẽ chơi nhạc, các cửa sổ khác sẽ tạm ngưng phát nhạc. Còn thẻ <EMBED> thì vẫn chơi nhạc bất kể tình trạng của cửa sổ như thế nào.

Ví dụ: Nếu bạn hiện đang mở loa máy tính bạn sẽ được nghe bản nhạc Chị tôi của Trọng Đài (file chitoi.mid). Bản nhạc này được liên kết trong trang Web này bởi đoạn HTML sau:

Thế nhưng, nếu bạn thay vào đó bằng thẻ <EMBED>, bạn sẽ thấy như kết quả ở hình dưới. Và đoạn mã HTML này liên kết đến bài hát Cho con của Phạm Trọng Cầu (file chocon.mid), tuy nhiên bạn phải bấm nút Play mới có thể nghe được bởi thuộc tính AUTOSTART được gán giá trị bằng false.

	HTMLStudy
	File     Edit     View     Favorites     Tools     Help
	Done

Xem thêm các thuộc tính của Windows Media Player dành cho việc viết thẻ <EMBED> tại http://www.w3schools.com/media/media_playerref.asp.

Chèn đoạn phim vào trang Web

Cùng với hình ảnh (<IMG>), âm thanh (<EMBED>), bạn cũng có thể chèn một đoạn phim (có đuôi *.avi) vào trang Web bằng cách sau:

Trong đó:

• file.avi là đường dẫn đến tập tin phim

• filename là đường dẫn chỉ đến tập tin hình ảnh (*.gif, *.jpg). Hình ảnh dùng tạm thời trong khi chờ đợi tập tin phim kia được tải về.

• Thuộc tính CONTROLS dùng để cho phép hiện thanh điều khiển.

Các thông số còn lại xem thêm trong phần giới thiệu thẻ <IMG> ở bài học Đưa hình ảnh vào trang Web

Ngoài ra, bạn cũng có thể dùng thẻ <EMBED> để đưa video bạn lên web, cách này được hầu hết website hiện nay sử dụng.

Các thông số của thẻ <EMBED> tương tự như phần Đưa âm thanh vào trang Web ở trên.

Chèn các thành phần Multimedia khác

Ngoài ra bạn có thể chèn các đối tượng Multimedia khác như các tập tin Real Media (*.ra), Đoạn phim QuickTime (*.mov), đoạn phim WindowMedia (*.asf)... nhưng máy tính bạn phải cài đặt những chương trình hỗ trợ này.

Để chèn các thành phần này bạn dùng thẻ <OBJECT> (với IE) hoặc thẻ <EMBED> (với Netscape).

Trong đó, các thuộc tính của thẻ <OBJECT>:

• CLASSID: Tên địa chỉ của Object trong registry của máy tính

• CODEBASE: Đường dẫn mặc định của các thuộc tính khác

• ARCHIVE: Nếu có dử dụng file kèm theo, thì đây là đường dẫn chứa các file đó được nén lại thành một file bởi Winzip.

• WIDTH, HEIGHT: chiều rộng và cao của Object.

• STANDBY: Dòng text hiển thị trong quá trình chờ download file.

Các thuộc tính của thẻ <PARAM>:

• NAME: Tên của biến

• VALUE: Giá trị của biến

Xem thêm các thuộc tính này tại http://www.w3schools.com/media/media_tagref.asp.

Thẻ <EMBED> được lồng vào trong thẻ <OBJECT> nhằm để trình duyệt nào không hiểu thẻ OBJECT (Netscape) sẽ tìm kiếm bên trong nóĐ sẽ được thẻ EMBED và thi hành nó. Ngược lại trình duyệt nào hiểu thẻ OBJECT (IE) sẽ bỏ qua thẻ EMBED nằm trong nó. âây chỉ là cách chèn cơ bản, các dòng thẻ <PARAM...> cụ thể do những chương trình chèn vào quyết định. Một số ví dụ dưới đây sẽ cho bạn hiểu điều đó:

• Chèn hình ảnh

  <OBJECT HEIGHT=100% WIDTH=100% TYPE="image/jpeg" DATA="audi.jpg"></OBJECT>
  
   

• Chèn một trang web

  <OBJECT HEIGHT="100%" WIDTH="100%" DATA="http://www.w3schools.com"></OBJECT>
  
   

• Chèn âm thanh

  <OBJECT CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
    <PARAM NAME="filename" VALUE="liar.wav">
  </OBJECT>
  
   

• Chèn một file Phim

  <OBJECT CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
    <PARAM NAME="FILENAME" VALUE="3d.wmv">
  </OBJECT>
  
   

• Chèn một file Phim Quicktime

  <OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="240" HEIGHT="144" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
    <PARAM NAME="AUTOPLAY" VALUE="true">
    <PARAM NAME="CONTROLLER" VALUE="TRUE">
    <PARAM NAME="cache" VALUE="FALSE">
    <PARAM NAME="pluginspage" VALUE="http://www.apple.com/quicktime/download/indext.html">
    <PARAM NAME="type" VALUE="video/quicktime">
    <PARAM NAME="SRC" VALUE="a.mov">
    <EMBED WIDTH="240" HEIGHT="144" src="a.mov" AUTOPLAY=TRUE controller="TRUE" border="0" CACHE="FALSE" pluginspage="http://www.apple.com/quicktime/download/indext.html"></EMBED>
  </OBJECT>
  
   

• Vẽ hình đồ họa

  <OBJECT WIDTH="200" HEIGHT="200" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
    <PARAM NAME="Line0001" VALUE="setFillcolor(255, 0, 255)">
    <PARAM NAME="Line0002" VALUE="oval(-100, -50, 200, 100, 30)">
  </OBJECT>

  Xem thêm tại http://www.webdevelopersjournal.com/articles/directx/direct_animation_sgc.html.
   

• Chèn một file Flash

  <OBJECT WIDTH=400 HEIGHT=300 CLASSID="CLSID:D27CDB6E-AE6D-11CF-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#4,0,0,0">
    <PARAM NAME=movie VALUE="chiecnonkydieu.swf">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=bgcolor VALUE=#EDE5C3>
    <EMBED src="chiecnonkydieu.swf" quality=high bgcolor=#EDE5C3 WIDTH=400 HEIGHT=300 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
  </OBJECT>

	HTMLStudy
	File     Edit     View     Favorites     Tools     Help
	Done

| THỰC HÀNH

Bây giờ bạn hãy thử thực hành chèn âm thanh vào trang Web bằng hai thẻ đã học. Riêng đối với trình duyệt Netscape bạn chỉ dùng được thẻ <EMBED>, cho nên, tôi khuyến khích bạn nên dùng thẻ <EMBED> trong tài liệu HTML để trình duyệt nào cũng có thể nghe được bản nhạc.

Trong giáo trình này, tôi dành cho bạn 2 tập tin âm thanh là chocon.mid và chitoi.mid để bạn thực tập. Nếu bạn muốn có nhiều file âm thanh khác nữa thì bạn có thể ghé vào website http://midiplayer.freehomepage.com để lấy về hoặc gửi mail cho tôi.