JavaScript — Мультимедиа

Объект navigator в JavaScript включает дочерний объект, называемый plugins. Этот объект представляет собой массив с одной записью для каждого подключаемого модуля, установленного в браузере.
Пример
Вот пример, который показывает, как перечислить весь подключаемый модуль, установленный в вашем браузере:
<html>
<head>
<title>Список подключаемых модулей</title>
</head>
<body>
<table border="1">
<tr>
<th>Имя плагина</th>
<th>Имя файла</th>
<th>Описание</th>
</tr>
<script language="JavaScript" type="text/javascript">
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 вы можете воспроизвести соответствующий мультимедийный файл. Взгляните на следующий пример.
<html>
<head>
<title>Использование подключаемых модулей</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>");
}
else
{
document.write("<img src='quick.gif' height=100 width=100>");
}
</script>
</body>
</html>[gn_box title=»Примечание:» box_color=»#91b5ff»]Здесь мы используем тег HTML < embed > для вставки мультимедийного файла.[/gn_box]Управление мультимедиа
Возьмем один реальный пример, который работает почти во всех браузерах:
<html>
<head>
<title>Использование встроенного объекта</title>
<script type="text/javascript">
<!--
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>
<embed id="demo" name="demo"
src="https://andreyex.ru/files/open-door.swf"
width="318" height="300" play="false" loop="false"
pluginspage="http://www.macromedia.com/go/getflashplayer"
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>