Descarga mediaelement plugins - Descarga del código fuente mediaelement plugins

mediaelement plugins

código fuente FLASH

5.0.0

Descargar

Mediaselement.js complementos

Este repositorio contiene complementos creados para mediaselementjs.

Autor (s): John Dyer https://j.hn/ y Rafael Miranda https://github.com/rafa8626
Sitio web: https://www.mediaelementjs.com
Licencia: MIT
Colaboradores: todos los contribuyentes

Tabla de contenido

Instalación
Pautas para contribuir
- Nodo.js
- Convenciones generales
- Plantilla para crear una función
- Plantilla para traducciones
- Una palabra sobre ES6 para características
Complementos disponibles

* Cambios importantes en la versión `2.3.0`

Como parte de las mejoras continuas, el jugador, hemos decidido eliminar completamente el soporte para IE9 e IE10, ya que la cuota de mercado de esos navegadores juntos es 0.4%, según https://caniuse.com/usage-table.

Este cambio es para repositorios de complementos MediaElement y MediaElement Plugins .

Instalación

Descargue el paquete de https://github.com/mediaelement/mediaelement-plugins y haga referencia a cualquier complemento que necesite desde la carpeta dist y agregue cualquier configuración relacionada con el complemento.

O puede usar un CDN; Verifique https://cdnjs.com/libraries/mediaelement-plugins.

Por ejemplo, si desea instalar el complemento de Speed , haga lo siguiente:

 < script src =" /path/to/mediaelement-and-player.min.js " > </ script >
<!-- Include any languages from `build/lang` folder -->
< script src =" /path/to/dist/speed/speed.min.js " > </ script >
<!-- Translation file for plugin (includes ALL languages available on player)-->
< script src =" /path/to/dist/speed/speed-i18n.js " > </ script >
< script >
    var player = new MediaElementPlayer ( 'playerId' , {
        defaultSpeed : 0.75 ,
        // other configuration elements
    } ) ;
</ script >

Algunos de ellos contendrán estilos CSS, así que colóquelos después de la hoja de estilo del jugador principal:

 < link rel =" stylesheet " href =" /path/to/mediaelementplayer.min.css " >
< link rel =" stylesheet " href =" /path/to/dist/speed/speed.min.css " >

Pautas para contribuir

Nodo.js

Descárguelo en https://nodejs.org/ y siga los pasos para instalarlo, o instalar node.js con npm .

Una vez instalado, en el símbolo del sistema, escriba npm install , que descargará todas las herramientas necesarias.

Convenciones generales

El tamaño de la pestaña es 8 para la sangría.
Siempre realice cambios en los archivos en el directorio /src/ , y nunca en /dist/ directorio. Esto es con el único propósito de facilitar la operación de fusión (y además, la compilación), y ayudar a las personas a ver los cambios más fácilmente.
Use las convenciones JSDOC para documentar el código. Esto facilita las contribuciones de otros desarrolladores y garantiza más calidad en el producto.
Antes de impulsar cualquier cambio, ejecute npm run eslint para garantizar la calidad del código.
El archivo para la función debe colocarse dentro de una carpeta que coincida con su nombre, así como cualquier elemento SVG/CSS necesario (es decir, loop/loop.js ).
Actualice package.json con un comando debajo de la configuración script para asegurarse de que se agrupe y compilará correctamente. Para obtener más referencia, revise el archivo.
Asegúrese de crear también un archivo docs/FEATURE_NAME.md que describe su propósito, API, etc., y agregue el nombre con un enlace a su documento en el archivo README para mantener actualizado la documentación.
No reinventen la rueda : use las utilidades que MediaElement proporciona la manipulación DOM/AJAX/etc. Consulte este enlace para obtener más detalles.
También puede incluir CSS dentro de la carpeta de funciones, que coincida con el nombre del archivo JS de función y agregando estilos CSS para "Legacy" y la Convención de Naming BEM.
Si usa un icono, su tamaño debe ser de 20x20px , por lo que coincide con todo el resto de las dimensiones de los iconos.

. mejs__ [ feature_name ] , . mejs- [ feature_name ] {
    // all your styles
}

Plantilla para crear una función

 'use strict' ;

/**
 * [Name of feature]
 *
 * [Description]
 */

// If plugin needs translations, put here English one in this format:
// mejs.i18n.en["mejs.id1"] = "String 1";
// mejs.i18n.en["mejs.id2"] = "String 2";

// Feature configuration
Object . assign ( mejs . MepDefaults , {
    // Any variable that can be configured by the end user belongs here.
    // Make sure is unique by checking API and Configuration file.
    // Add comments about the nature of each of these variables.
} ) ;


Object . assign ( MediaElementPlayer . prototype , {

    // Public variables (also documented according to JSDoc specifications)

    /**
     * Feature constructor.
     *
     * Always has to be prefixed with `build` and the name that will be used in MepDefaults.features list
     * @param {MediaElementPlayer} player
     * @param {HTMLElement} controls
     * @param {HTMLElement} layers
     * @param {HTMLElement} media
     */
    build [ feature_name ] ( player , controls , layers , media ) {
        // This allows us to access options and other useful elements already set.
        // Adding variables to the object is a good idea if you plan to reuse
        // those variables in further operations.
        const t = this ;

        // All code required inside here to keep it private;
        // otherwise, you can create more methods or add variables
        // outside of this scope
    } ,

    // Optionally, each feature can be destroyed setting a `clean` method

    /**
     * Feature destructor.
     *
     * Always has to be prefixed with `clean` and the name that was used in MepDefaults.features list
     * @param {MediaElementPlayer} player
     * @param {HTMLElement} controls
     * @param {HTMLElement} layers
     * @param {HTMLElement} media
     */
    clean [ feature_name ] ( player , controls , layers , media ) { }

    // Other optional public methods (all documented according to JSDoc specifications)
} ) ;

Plantilla para traducciones

Si las cadenas traducibles son parte del complemento, deberá crear un archivo [feature_name]-i18n.js con este formato:

 'use strict' ;

if ( mejs . i18n . ca !== undefined ) {
        mejs . i18n . ca [ "mejs.id1" ] = "" ;
}
if ( mejs . i18n . cs !== undefined ) {
        mejs . i18n . cs [ "mejs.id1" ] = "" ;
}
// And the rest of the languages

Nota : Cuantos más idiomas se integren en MediaElementPlayer , mayor será esta plantilla.

Además, si está agregando un nuevo idioma al MediaElementPlayer , deberá agregarlo en todos los archivos i18n existentes de la misma manera descritas en la plantilla anterior.

Una palabra sobre `ES6` para características

Todas las características se escriben utilizando especificaciones Ecmascript 2015 .

Consulte src/ Directorio y verifique cómo se escribieron los archivos para garantizar la compatibilidad.

Nota : El for...of bucle podría haberse utilizado, pero para agruparlos y reducir el tamaño de los archivos agrupados, se recomienda encarecidamente evitar su uso.