Animaciones y bibliotecas complementarias

esta página describe la compatibilidad con animaciones y bibliotecas complementarias para el motor chromium en reproductores brightsign limite la profundidad del directorio de archivos para evitar problemas causados por estructuras de carpetas excesivamente complejas animaciones javascript las animaciones que utilizan temporizadores javascript, incluida la biblioteca jquery® animate(), no hacen un uso eficiente de los recursos de gpu y no son lo suficientemente precisas para lograr animaciones fluidas por esta razón, recomendamos utilizar animaciones css siempre que sea posible la biblioteca transit https //github com/rstacruz/jquery transit de jquery® utiliza animaciones css y proporciona una api similar a la biblioteca animate() para obtener los mejores resultados al animar imágenes, recomendamos utilizar imágenes en su tamaño original en lugar de escalarlas primero por ejemplo, un icono de 480x270 rotará de forma más fluida si utiliza una imagen que originalmente sea de 480x270, en lugar de reducir una imagen de 1280x720 y luego intentar rotarla webgl los reproductores brightsign son compatibles con la api opengl para javascript (es decir, webgl) a veces, las texturas no se cargan en webgl porque exceden el tamaño de imagen docid\ gzcaqroor8 zarnrepkn1 permitido en los reproductores brightsign en estos casos, puede utilizar el método brightscript rovideomode setimagesizethreshold() docid\ f0dvnrbdpvgozlrvb29gd para aumentar el tamaño máximo de las texturas animaciones vectoriales el protocolo svg debe utilizarse para especificar animaciones vectoriales animaciones canvas las animaciones bitmap se muestran fluidamente cuando ocupan 1/3 o menos de un canvas html de 1080p establecer el tamaño del canvas en 720p permite que animaciones grandes de alta calidad ocupen la pantalla tecnología push la técnica de long polling ha sido probada y ha demostrado funcionar en reproductores brightsign el protocolo websocket es totalmente compatible mediante la implementación de node js docid\ nrv t0oesruqtx bogkwp en la instancia chromium de brightsign en entornos de producción, recomendamos utilizar https para iniciar conexiones websocket con un servidor (es decir, utilizar una conexión wss en lugar de una conexión ws) hay disponible una aplicación websocket de ejemplo en la página de brightsign github https //github com/brightsign/websocket test almacenamiento de archivos los reproductores brightsign admiten varias tecnologías de almacenamiento/indexación de archivos, incluidas web sql, indexeddb, la api html filesystem y la clase javascript almacenamiento la ubicación y el tamaño de la base de datos de almacenamiento web deben establecerse durante la inicialización de rohtmlwidget docid\ g tjkqqhlcft4fw5 z6t0 descargas de archivos si utiliza javascript para descargar archivos, recomendamos usar la fetch api y el módulo node js® file system para realizar las descargas consulte esta página docid\ nrv t0oesruqtx bogkwp para obtener más detalles transformaciones css todas las transformaciones css deben especificarse como transformaciones webkit al realizar una transformación en un elemento o gráfico, no debe especificar la transformación en línea el siguiente código muestra un ejemplo de una transformación css eficaz para un reproductor brightsign ejemplo \<style> flipme{ webkit animation name\ flipon; webkit animation fill mode\ forwards; webkit animation iteration count 1; webkit animation duration 2s; } @ webkit keyframes flipon { 0% { webkit transform\ rotatey(0deg);} 30% { webkit transform\ rotatey( 90deg);} 100% { webkit transform rotatey(360deg);} } \</style>