Đa phương tiện (Multimedia) trong JavaScript | 208 bài học Javascript miễn phí hay nhất PDF
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (361.54 KB, 5 trang )
/>
Copyright © vietjack.com
Đa phương tiện (Multimedia) trong
JavaScript
Đối tượng navigator trong JavaScript bao gồm một đối tượng con gọi là plugins. Đối tượng này là
một mảng, với một cổng vào (entry) cho mỗi plug-in được cài đặt trên trình duyệt. Đối tượng
navigator.plugins chỉ được hỗ trợ bởi Netscape, Firefox và Mozilla.
Ví dụ
Dưới đây là ví dụ minh họa cách liệt kê tất cả plug-in được cài đặt trên trình duyệt.
<html>
<head>
<title>List of Plug-Ins</title>
</head>
<body>
<table border="1">
<tr>
<th>Plug-in Name</th>
<th>Filename</th>
<th>Description</th>
</tr>
<script language="JavaScript" type="text/javascript">
for (i=0; i
document.write(navigator.plugins[i].name);
document.write("</td><td>");
document.write(navigator.plugins[i].filename);
document.write("</td><td>");
document.write(navigator.plugins[i].description);
document.write("</td></tr>");
}
Trang chia sẻ các bài học online miễn phí
Page 1
/>
Copyright © vietjack.com
</script>
</table>
</body>
</html>
Kết quả
Kiểm tra cho Plug-Ins
Mỗi plug-in có một cổng vào trong mảng đó. Mỗi cổng vào có các thuộc tính sau:
name − Là tên của plug-in.
filename − Là file thực thi mà được tải để cài đặt plug-in.
Miêu tả − Là miêu tả của plug-in, được cung cấp bởi nhà lập trình.
mimeTypes − Là một mảng với một cổng vào cho mỗi kiểu MIME được hỗ trợ bởi plug-in
đó.
Bạn có thể sử dụng các thuộc tính này trong một script để tìm các plug-ins đã được cài đặt, và sau
đó sử dụng JavaScript, bạn có thể chơi các file đa phương tiện thích hợp. Bạn quan sát ví dụ sau:
<html>
<head>
<title>Using Plug-Ins</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
media = navigator.mimeTypes["video/quicktime"];
if (media){
document.write("<embed src='quick.mov' height=100 width=100>");
Trang chia sẻ các bài học online miễn phí
Page 2
/>
Copyright © vietjack.com
}
else
{
document.write("<img src='quick.gif' height=100 width=100>");
}
</script>
</body>
</html>
Kết quả
Ghi chú − Ở đây chúng tôi đang sử dụng thẻ HTML <embed> để nhúng file đa phương tiện.
Điều khiển đa phương tiện
Chúng ra cùng thực hiện một ví dụ thực sự mà làm việc trong hầu hết các trình duyệt:
<html>
<head>
<title>Using Embeded Object</title>
<script type="text/javascript">
{
if (!document.demo.IsPlaying()){
document.demo.Play();
}
}
function stop()
{
if (document.demo.IsPlaying()){
document.demo.StopPlay();
}
Trang chia sẻ các bài học online miễn phí
Page 3
/>
Copyright © vietjack.com
}
function rewind()
{
if (document.demo.IsPlaying()){
document.demo.StopPlay();
}
document.demo.Rewind();
}
//-->
</script>
</head>
<body>
src=" />width="318" height="300" play="false" loop="false"
pluginspage=" />swliveconnect="true">
</embed>
<form name="form" id="form" action="#" method="get">
<input type="button" value="Start" onclick="play();" />
<input type="button" value="Stop" onclick="stop();" />
<input type="button" value="Rewind" onclick="rewind();" />
</form>
</body>
</html>
Kết quả
Nếu bạn đang sử dụng Mozilla, Firefox hoặc Netscape, thì khi đó:
Trang chia sẻ các bài học online miễn phí
Page 4
/>
Trang chia sẻ các bài học online miễn phí
Copyright © vietjack.com
Page 5
