Etiqueta y Atributos del Reproductor Multimedia

El Reproductor multimedia de CAYIN se puede incrustar en una etiqueta HTML, como Adobe Flash. Puede reproducir archivos en la Carpeta multimedia o reproducir streaming en tiempo real utilizando el reproductor multimedia de CAYIN. Puedes incrustar la reproducción multimedia de CAYIN en un navegador definiendo la etiqueta <object> en HTML. Le proporciona gran flexibilidad para diseñar sus propias presentaciones.

Proporcionamos numerosas Etiquetas útiles, que puede incluir en su página HTML para controlar el Reproductor multimedia de CAYIN. Consulte las siguientes tablas y ejemplos en las siguientes secciones.

Código HTML
Atributo TIPO
Atributo NOMBRE
Ejemplos

Código HTML

1
2
3
4
5

<object type="Atributo TIPO" height=" Object height (pixel)" width=" Object width (pixel)">
<param name="Atributo NOMBRE " value=" value ">
<param name="Atributo NOMBRE " value=" value ">
<param name="Atributo NOMBRE " value=" value ">
</object">

Volver arriba

Atributo TIPO

Atributo	Valor del atributo	Nota
Tipo	video/mpeg video/main video/sub	Los usuarios pueden reproducir dos videos en una página HTML. video/main representa el video principal; video/sub representa el video secundario. Si decides reproducir dos videos en una página HTML, recomendamos asignar el video con resoluciones más grandes como el video principal. No recomendamos reproducir dos videos al mismo tiempo cuando está reproduciendo video Full HD (alta resolución).

Volver arriba

Atributo NOMBRE

Atributo

Valor del atributo

Nota

src

file://folder/video_filename
mms://ip_address/mms_url
http://ip_address/http_url
rtb://port
rtb://multi_cast_ip:port
rtp://port
rtp://multi_cast_ip:port

file: reproduce archivos en la carpeta multimedia
mms: streaming de Microsoft MMS
http: streaming de http
rtb: streaming de CAYIN RTB
rtp: streaming del protocolo Real-time Transport

Nota
Sobre el uso del atributo src, consulte ejemplos en la siguiente sección.

loop

1 (predeterminado)
0

Asignar reproducir video repetidamente.

fullscreen

1
0 (predeterminado)

Mostrar video en pantalla completa.

hidden

1
0 (predeterminado)

Por defecto (valor 0), la pantalla no será ocultada. Cuando el reproductor está oculta, el archivo seguirá reproduciendo y el sonido no será silenciado, si está disponible.

ratio

auto (predeterminado)
4:3 / 1:1 / 16:9 / 2.11:1

Ratio del aspecto de la ventana del reproductor multimedia.

play-local-all

1
0 (predeterminado)

Reproducir todos los archivos en la Carpeta Multimedia.

play-server- schedule

1
2
0 (predeterminado)

Reproducir archivos en la Carpeta Multimedia de acuerdo a las configuraciones de la Programación Central del CMS. Esta opción no puede ser usada con play-local-all.
1: Reproducir la primera programación central multimedia.
2: Reproducir la segunda programación central multimedia.
0: Inhabilitar programación central (por defecto)

play-folder-all

1
0 (predeterminado)

Reproducir todos los archivos de la carpeta seleccionada.

Por ejemplo:

play-next-item

1
0 (predeterminado)

Reproducir el próximo ítem de la lista de reproducción web cuando la lista de reproducción de video termina en esta página.

Esta opción incluye la opción loop (loop debe ser falso).

random-playlist

1
0 (predeterminado)

Reproducir al azar todos los ítems de una lista de reproducción.

audio

1 (predeterminado)
0

Encender/apagar sonidos. En el caso de dos videos en una página HTML, el audio del sub-video se apagará automáticamente, cuando establece verdadero para el main video.

audio-output-id

SMP-6000:

1 (verde, default)
2 (naranja)
3 (negro)
4 (rosa)

SMP-2000:

1 (verde, default)
2 (rosa)

Esta opción es sólo para SMP-6000 / SMP-2000.

Puedes controlar el reproductor multimedia SMP-6000 / SMP-2000 y enviar audio a diferentes conectores del panel posterior.

Volver arriba

Ejemplos

Ejemplo 1: Reproducir repetidamente el archivo de la Carpeta Multimedia, video.mpg.

1
2
3
4
5
6
7
8
9
10
11

<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://video.mpg">
<param name="loop" value="1">
<param name="ratio" value="4:3">
</object>
</body>
</html>

Ejemplo 2: Reproducir repetidamente y mostrar en pantalla completa el archivo de la Carpeta Multimedia, video.mpg.

1
2
3
4
5
6
7
8
9
10
11

<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://video.mpg">
<param name="loop" value="1">
<param name="fullscreen" value="1">
</object>
</body>
</html>

Ejemplo 3: Reproducir repetidamente varios archivos de video de la Carpeta Multimedia. Si desea reproducir varios ítems, por favor agregue varias etiquetas param y defina el nombre como src.

En el siguiente ejemplo, el reproductor multimedia reproducirá archivos de video en la secuencia 1.mpg, 2.mpg, 3.mpg, 4.mpg, y 5.mpg.

1
2
3
4
5
6
7
8
9
10
11
12
13

<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="src" value="file://4.mpg">
<param name="src" value="file://5.mpg">
</object>
</body>
</html>

Ejemplo 4: Reproducir todos los archivos de video de la Carpeta Multimedia.

Si desea reproducir todos los archivos de la Carpeta Multimedia, puedes usar el atributo play-local-all. Luego el reproductor multimedia reproducirá todos los archivos por orden alfabético.

1 2 3 4 5 6 7 8 9	<html> <head> </head> <body> <object type="video/main" width="320" height="240"> <param name="play-local-all" value="1"> </object> </body> </html>

Ejemplo 5: Reproducir varios archivos de video de la Carpeta Multimedia y pasar automáticamente a la próxima lista de reproducción luego de reproducir la anterior.

En el siguiente ejemplo, el reproductor notificará al navegador y pasará al siguiente ítem de la lista de reproducción web. Recomendamos establecer la duración de todos los ítems en una lista de reproducción web como Siempre.

1
2
3
4
5
6
7
8
9
10
11
12
13

<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="play-next-item" value="1">
<param name="loop" value="0">
</object>
</body>
</html>

Ejemplo 6: Controlar la lista de reproducción mediante programación central del CMS.

El reproductor multimedia descargará la lista de reproducción del CMS cuando utiliza la etiqueta play-server-schedule.

1
2
3
4
5
6
7
8
9
10
11
12

<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="play-server-schedule" value="1">
</object>
</body>
</html>

Nota
Puedes utilizar <param name="play-server-schedule" value="2"> para reproducir la segunda programación central de multimedia (Multimedia-2) en servidores CMS de versión 5.5 o posterior.

Ejemplo 7: Reproducir todos los videos en una sub-carpeta y reproducir archivos al azar.

El reproductor multimedia reproducirá archivos en una sub-carpeta de Carpeta Multimedia con el atributo play-folder-all. También puedes reproducir los archivos de video al azar con el atributo random-playlist.

1
2
3
4
5
6
7
8
9
10
11
12
13

<html>
<head>
</head>
<body>
<object type="video/main" width="320" height="240">
<param name="src" value="file://1.mpg">
<param name="src" value="file://2.mpg">
<param name="src" value="file://3.mpg">
<param name="play-folder-all" value="folder_name">
<param name="random-playlist" value="1">
</object>
</body>
</html>

Ejemplo 8: Reproducir dos videos en una página web. SMP puede reproducir dos videos en una página web usando atributos, video/main y video/sub.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<html>
<head>
</head>
<body>
<object type="video/main" width="640" height="480">
<param name="src" value="file://1.mpg">
</object>

<object type="video/sub" width="320" height="240">
<param name="loop" value="1">
<param name="src" value="file://2.mpg">
<param name="audio" value="0">
</object>
</body>
</html>

Ejemplo 9: Reproducir música de fondo

Si desea ocultar un reproductor multimedia y sólo reproducir música, p. ej. MP3, debe crear una regla CSS para controlar los atributos de etiqueta OBJECT, y establecer el valor de param name hidden como 1.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<html>
<head>
<style type="text/css">
object {
visibility: visible;
}
object.hiddenObject {
visibility: hidden !important; width: 0px  !important; height: 0px  !important; margin: 0px  !important;
padding: 0px  !important;
border-style: none  !important; border-width: 0px  !important; max-width: 0px  !important;
max-height: 0px  !important;
}
</style>
</head>
<body>
<object type="video/main" width="320" height="240" class="hiddenObject">
<param name="src" value="file://1.mpg">
<param name="hidden" value="1">
</object>
</body>
</html>

Ejemplo 10: Reproducir entrada de video.

1 2 3 4 5 6 7 8	<html> <head> </head> <body> <object type="video/video-in" width="320" height="240"> </object> </body> </html>

Volver arriba