Engleza | 中文

Introducere

Chimee este un player video web creat de echipa Qiwoo. Se bazeaza pe elementul video web. Suporta mai multe fluxuri media, inclusiv mp4, m3u8, flv etc.

In majoritatea situatiilor, trebuie sa acceptam functii complexe bazate pe videoclipuri, cum ar fi multe videoclipuri sau publicitate. Este greu sa le mentinem daca le scriem doar pe baza elementului video. Deci, este posibil sa trebuiasca sa avem un iframe pentru a rezolva logica si pentru a gestiona comunicarea. Deci Chimee ofera un sistem de pluginuri, astfel incat oricine sa poata imparti functiile complexe in mai multe pluginuri. Prin aceasta metoda de dezvoltare, dezvoltatorii pot decupla logica pentru a obtine o lansare mai rapida, la scara de gri si sa implementeze multe alte functii cu relativa usurinta.

Chimee ajuta dezvoltatorul sa atinga capabilitati video complexe de la zero mai usor si mai rapid.

Caracteristici

Chimee este un player video web.

  1. Suporta mai multe fluxuri video, inclusiv mp4, m3u8, flv si multe altele.
  2. Rezolva majoritatea problemelor de compatibilitate, inclusiv pe ecran complet pe cross-browser, redare automata si redarea in linie.

Mai mult, este si un cadru component bazat pe elementul video.

  1. Ne ajuta sa impartim functiile complexe in mai multe pluginuri.
  2. Fiecare plugin poate lucra direct si usor pe elementul video.
  3. Acest cadru sorteaza relatia ierarhica dintre pluginuri, ceea ce ne va feri de problema indexului z.
  4. Acesta ofera o varietate de module, cum ar fi un plugin transparent, un plugin penetrant, un plugin interior si un plugin exterior, care va acoperi majoritatea scenariilor interactive.
  5. Ne ofera modalitati convenabile de a comunica intre pluginuri.
  6. Ne permite sa definim prioritatea pluginului, care a fost utila pentru a face pluginul publicitar sa functioneze conform asteptarilor.
  7. De asemenea, accepta pluginuri asincrone.

Instalare

npm

instalare npm – salvati chimee

cdn

Puteti obtine adresa URL cdn pe https://cdnjs.com/libraries/chimee.

Daca va aflati in China, puteti obtine adresa URL cdn pe https://www.jsdelivr.com/package/npm/chimee.

Utilizare

Puteti utiliza Chimee direct.

Presupunand ca aveti un div al carui id este wrapper:

<body> <div id = “wrapper”> </div> </body>

Apoi puteti configura Chimee pe acesta:

import Chimee din „chimee”; const chimee = new Chimee (‘# wrapper’); chimee.on (‘play’, () => console.log (‘play !!’)); chimee.load (‘http://cdn.toxicjohann.com/lostStar.mp4’); chimee.play (); // Joaca!!

Uneori avem nevoie de mai multa personalizare; Chimee poate fi apelat prin trecerea unui obiect:

import Chimee din „chimee”; const chimee = new Chimee ({wrapper: ‘#wrapper’, src: ‘http://cdn.toxicjohann.com/lostStar.mp4’, controale: true, redare automata: true,});

Daca trebuie sa redati videoclipuri in flv sau hls, puteti adauga pur si simplu aceste nuclee:

import Chimee din „chimee”; import flv din „chimee-kernel-flv”; import hls din „chimee-kernel-hls”; const chimee = new Chimee ({wrapper: ‘#wrapper’, src: ‘http://cdn.toxicjohann.com/lostStar.mp4’, controale: true, redare automata: true, kernels: {flv, hls}}); chimee.play ();

Sau puteti incerca installKernel si apoi utilizati-l:

import Chimee din „chimee”; import flv din „chimee-kernel-flv”; import hls din „chimee-kernel-hls”; Chimee.installKernel (flv); Chimee.installKernel (hls); const chimee = new Chimee ({wrapper: ‘#wrapper’, src: ‘http://cdn.toxicjohann.com/lostStar.

randy dave incesto ruso
pillados follando gordibuenas españolas
porno gay españoles le pilla masturbandose
brazzers online comedias porno
gitanas xxx maduras insaciables
porno español madre e hijo maduras en castellano
follando en canarias mala rodriguez porno
borracha anal mama me folla
videos de maduras guarras enseñando a follar
mujeres follando gratis abuela follando con joven
sex porne defloin.com
www.sex sobando tetas
asiatica forzada brazzers online
coñosxxx putasfollando
corridas de viejas mamada gay
videos pornos de españolas maturehd
españolas calientes españolas calientes
porno español jovencitas me follo a la vecina
asiaticasxxx videos travestis en español
tios desnudos corridas brutales en la boca

mp4′, controale: true, redare automata: true, kernels: [‘flv’, ‘hls’ ],}); chimee.play ();

Daca doriti sa aflati mai multe despre Chimee, va rugam sa cititi mai multe despre documentele noastre API, aici.

Cu toate acestea, daca utilizati Chimee direct, cel mai bine este sa adaugati acest stil la pagina dvs.:

container {pozitie: relativa; display: bloc; latime: 100%; inaltime: 100%; } video {width: 100%; inaltime: 100%; display: bloc; culoare de fundal: # 000; } video: focus, video: active {outline: none; }

Chimee va folosi pur si simplu stilurile implicite ale browserelor daca nu utilizati niciun plugin. Dar poate doriti sa incercati pluginul UI …

importati fereastra pop-up din „chimee-plugin-popup”; import Chimee din „chimee”; Chimee.install (popup); const chimee = new Chimee ({wrapper: ‘#wrapper’, src: ‘http://cdn.toxicjohann.com/lostStar.mp4’, plugin: [popup.name], controale: false, redare automata: true});

Daca doriti sa aflati mai multe despre pluginurile lui Chimee, va rugam sa cititi mai multe aici.

Daca nu doriti mai multe functii si aveti nevoie doar de un player video util, puteti instala chimee-player, care contine interfata de baza si un loggerL

importa ChimeePlayer din „chimee-player”; const chimee = new ChimeePlayer ({wrapper: ‘#wrapper’, src: ‘http://cdn.toxicjohann.com/lostStar.mp4’, controale: false, redare automata: true});

FAQ

TODO: mai multe in curand! ~

  1. Ce este Chimee?
  2. Care este pluginul Chimee?
  3. Cum scriu un plugin?
  4. Cum scriu un plugin publicitar ??
  5. Cum scriu un plugin UI?

Explicatia diferitelor versiuni

Veti gasi patru versiuni diferite in lib.

Nume Tip Semnificatie Definiti mediul? index.js commonjs Javascript comun, utilizat in cea mai mare parte in Webpack 1. Da index.mjs esmodule Un modul es, utilizat in principal in Webpack 2 si in pachet. Da index.browser.js umd Poate fi folosit direct in browser Nu (este in curs de dezvoltare) index.min.js umd Poate fi utilizat direct in browser Nu (Este in productie) Index.esm.js esmodule Un modul es, utilizat in cea mai mare parte in modulul browser es Nu (este in curs de dezvoltare)

Dezvoltare

Modurile de dezvoltare / productie sunt codificate greu pentru versiunile UMD: fisierele neminificate sunt destinate dezvoltarii, iar fisierele minificate sunt destinate productiei.

Versiunile CommonJS si ES Module sunt destinate pachetelor, de aceea nu le oferim versiuni reduse. Dezvoltatorii sunt singuri responsabili de reducerea pachetului final.

Build-urile CommonJS si ES Module pastreaza, de asemenea, verificarile brute pentru process.env.NODE_ENV pentru a determina modul in care ar trebui sa ruleze. Dezvoltatorii ar trebui sa utilizeze configuratii adecvate pentru a inlocui aceste variabile de mediu, pentru a controla ce mod va rula Vue. Inlocuirea process.env .NODE_ENV cu literele sirului permite, de asemenea, minificatoarelor precum UglifyJS sa renunte complet la blocurile de cod numai pentru dezvoltare, reducand agresiv dimensiunea fisierului final.

Webpack

Utilizati DefinePlugin-ul Webpack:

var webpack = require (‘webpack’) module.exports = {// … plugins: [// … new webpack.DefinePlugin ({‘process.env’: {NODE_ENV: JSON.stringify (‘production’) }})]}

Ruleaza

Utilizati rollup-plugin-replace:

const replace = require (‘rollup-plugin-replace’) rollup ({// … plugins: [replace ({‘process.env.NODE_ENV’: JSON.stringify (‘production’)})]]}). (…)

Contributie

Instalati acest proiect

Apoi deschideti http://127.0.0.1:10001/demo/base/index.html

Puteti alege o alta pagina dupa cum doriti

Jurnal de schimbari

Va rugam sa cititi notele de lansare.

Licenta

MIT

Va rugam sa cititi notele de lansare.

Donare

Ne puteti dona prin Alipay. Asta ne va tine in miscare.

ARTICOLE SIMILAREDE LA ACELAȘI AUTOR