Uso del Reproductor multimedia CAYIN en HTML > Etiqueta y Atributos del Reproductor Multimedia

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

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

video/video-in

Usuarios pueden reproducir múltiples videos en una página HTML.
video/principal: el sistema utiliza decodificación por hardware. Puedes obtener un buen rendimiento con decodificación por hardware si habilita el decodificador por hardware para video (Reproducción > Atributos de Reproducción).
video/sub: el sistema utiliza decodificación por software, el cual no tiene tan buen rendimiento como la decodificación por hardware, pero tiene una buena compatibilidad de códec de video.

video/video-in reproduce la entrada de video predeterminada del reproductor SMP.
Si decides reproducir dos videos en una página HTML, recomendamos asignar el video con resoluciones más grandes como el video principal. Por favor tenga como referencia a la hoja de datos de cada reproductor SMP para las especificaciones de video.
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

play-local-all
play-local-schedule-1
play-local-schedule-2
play-server-schedule-1

play-server-schedule-2		 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
play-local-all: reproduce todos los archivos en la Carpeta Multimedia
play-local-schedule-1: reproduce archivos en la carpeta multimedia de acuerdo a la programación local del SMP. Esta opción no puede ser utilizada con play-local-all.
play-server-schedule-1: reproduce archivos en la carpeta multimedia de acuerdo a la configuración de la programación central del CMS. Esta opción no puede ser utilizada con play-local-all.
Nota

Sobre el uso del atributo src, consulte ejemplos en la si­guiente 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-folder-all 1
0 (predeterminado)

Reproducir todos los archivos de la carpeta seleccionada.

Por ejemplo:

<param name=" play-folder-all " value=" folder_name ">
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