آموزش چندرسانه ای در جاوا اسکریپت

4 سال پیش

امتیاز دهید post

آموزش چندرسانه ای در جاوا اسکریپت

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش چندرسانه ای در جاوا اسکریپت خواهیم پرداخت.

شی ناوبری جاوا اسکریپت شامل یک شی کودک به نام پلاگین است. این شی an یک آرایه است که برای هر پلاگین یک ورودی در مرورگر دارد. شی navigator.plugins فقط توسط Netscape ، Firefox و Mozilla پشتیبانی می شود.

مثال

در اینجا مثالی آورده شده است که نحوه لیست کردن تمام افزونه های نصب شده در مرورگر شما را نشان می دهد –

&lt;html&gt;
   &lt;head&gt;
      &lt;title&gt;List of Plug-Ins&lt;/title&gt;
   &lt;/head&gt;
   
   &lt;body&gt;
      &lt;table border = "1"&gt;
         &lt;tr&gt;
            &lt;th&gt;Plug-in Name&lt;/th&gt;
            &lt;th&gt;Filename&lt;/th&gt;
            &lt;th&gt;Description&lt;/th&gt;
         &lt;/tr&gt;
         
         &lt;script language = "JavaScript" type = "text/javascript"&gt;
            for (i = 0; i&lt;navigator.plugins.length; i++) {
               document.write("&lt;tr&gt;&lt;td&gt;");
               document.write(navigator.plugins[i].name);
               document.write("&lt;/td&gt;&lt;td&gt;");
               document.write(navigator.plugins[i].filename);
               document.write("&lt;/td&gt;&lt;td&gt;");
               document.write(navigator.plugins[i].description);
               document.write("&lt;/td&gt;&lt;/tr&gt;");
            }
         &lt;/script&gt;
      &lt;/table&gt;      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

</head>

<body>

<tr>

<th>Filename</th>

<th>Description</th>

</tr>

for (i = 0; i<navigator.plugins.length; i++) {

document.write("<tr><td>");

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>");

}

</script>

</table>

</body>

</html>

بررسی پلاگین ها

هر پلاگین ورودی ای در آرایه دارد. هر ورودی دارای خصوصیات زیر است –

name – نام پلاگین است.
filename – فایل اجرایی است که برای نصب افزونه بارگیری شده است.
description – توصیفی از افزونه است که توسط توسعه دهنده ارائه می شود.
mimeTypes – آرایه ای با یک ورودی برای هر نوع MIME است که توسط پلاگین پشتیبانی می شود.

می توانید از این ویژگی ها در یک اسکریپت برای کشف پلاگین های نصب شده استفاده کنید و سپس با استفاده از JavaScript، می توانید فایل چندرسانه ای مناسب را پخش کنید. به مثال زیر نگاهی بیندازید.

&lt;html&gt;   
   &lt;head&gt;
      &lt;title&gt;Using Plug-Ins&lt;/title&gt;
   &lt;/head&gt;
   
   &lt;body&gt;   
      &lt;script language = "JavaScript" type = "text/javascript"&gt;
         media = navigator.mimeTypes["video/quicktime"];
         
         if (media) {
            document.write("&lt;embed src = 'quick.mov' height = 100 width = 100&gt;");
         } else {
            document.write("&lt;img src = 'quick.gif' height = 100 width = 100&gt;");
         }
      &lt;/script&gt;      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Using Plug-Ins</title>

</head>

<body>

media = navigator.mimeTypes["video/quicktime"];

if (media) {

document.write("<embed src = 'quick.mov' height = 100 width = 100>");

} else {

document.write("<img src = 'quick.gif' height = 100 width = 100>");

}

</script>

</body>

</html>

توجه – در اینجا ما برای قرار دادن یک پرونده چندرسانه ای از تگ <HTML <embed استفاده می کنیم.

کنترل چندرسانه ای

بیایید یک مثال واقعی بگیریم که تقریباً در همه مرورگرها کار می کند –

&lt;html&gt;   
   &lt;head&gt;
      &lt;title&gt;Using Embeded Object&lt;/title&gt;
      
      &lt;script type = "text/javascript"&gt;
         &lt;!--
            function play() {
               if (!document.demo.IsPlaying()) {
                  document.demo.Play();
               }
            }
            function stop() {
               if (document.demo.IsPlaying()) {
                  document.demo.StopPlay();
               }
            }
            function rewind() {
               if (document.demo.IsPlaying()) {
                  document.demo.StopPlay();
               }
               document.demo.Rewind();
            }
         //--&gt;
      &lt;/script&gt;
   &lt;/head&gt;
   
   &lt;body&gt;      
      &lt;embed id = "demo" name = "demo"
         src = "http://www.amrood.com/games/kumite.swf"
         width = "318" height = "300" play = "false" loop = "false"
         pluginspage = "http://www.macromedia.com/go/getflashplayer"
         swliveconnect = "true"&gt;
      
      &lt;form name = "form" id = "form" action = "#" method = "get"&gt;
         &lt;input type = "button" value = "Start" onclick = "play();" /&gt;
         &lt;input type = "button" value = "Stop" onclick = "stop();" /&gt;
         &lt;input type = "button" value = "Rewind" onclick = "rewind();" /&gt;
      &lt;/form&gt;      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Using Embeded Object</title>

<!--

function play() {

if (!document.demo.IsPlaying()) {

document.demo.Play();

}

function stop() {

if (document.demo.IsPlaying()) {

document.demo.StopPlay();

}

function rewind() {

if (document.demo.IsPlaying()) {

document.demo.StopPlay();

}

document.demo.Rewind();

}

//-->

</script>

</head>

<body>

src = "http://www.amrood.com/games/kumite.swf"

width = "318" height = "300" play = "false" loop = "false"

pluginspage = "http://www.macromedia.com/go/getflashplayer"

swliveconnect = "true">

</form>

</body>

</html>

منبع.

لیست جلسات قبل آموزش جاوا اسکریپت

امتیاز دهید post

نویسنده مطلب saber

آموزش چندرسانه ای در جاوا اسکریپت

آموزش چندرسانه ای در جاوا اسکریپت

مثال

بررسی پلاگین ها

کنترل چندرسانه ای

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

بدون دیدگاه

آموزش چندرسانه ای در جاوا اسکریپت

مثال

بررسی پلاگین ها

کنترل چندرسانه ای

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه