Использование Chimee: установка и использование видеоплеера

Chimee будет использовать оригинальный скин браузера, если вы не используете какой-либо плагин. Вы можете попробовать наш UI-плагин.

import ui from 'chimee-plugin-ui';
import Chimee from 'chimee';
Chimee.install(ui);
const chimee = new Chimee({
  wrapper: '#wrapper',
  src: 'http://cdn.toxicjohann.com/lostStar.mp4',
  plugin: [ui.name],
  controls: false,
  autoplay: true
});

Если вы хотите узнать больше о плагине Chimee, пожалуйста, нажмите здесь (https://github.com/Chimeejs/chimee/blob/master/doc/zh-cn/plugin-api.md).

Если вам не хочется слишком сильно вникать в детали и нужен просто удобный видеоплеер, вы можете установить chimes-player, который содержит базовый пользовательский интерфейс и журнал.

import ChimeePlayer from 'chimee-player';

const chimee = new ChimeePlayer({
  wrapper: '#wrapper',
  src: 'http://cdn.toxicjohann.com/lostStar.mp4',
  controls: false,
  autoplay: true
});

Документация

скоро появится~

1. Что такое Chimee?
2. Что представляет собой плагин Chimee?
3. Как написать плагин?
4. Как создать рекламный плагин?
5. Как разработать UI-плагин?

Объяснение различных сборок

В библиотеке вы найдёте четыре различные сборки.

Разработка и производство

Режимы разработки и производства жёстко запрограммированы для сборок UMD: неминифицированные файлы предназначены для разработки, а минифицированные — для производства.

Сборки CommonJS и ES Module предназначены для сборщиков, поэтому мы не предоставляем их минифицированных версий. Вы будете сами отвечать за минификацию окончательного пакета.

Связки CommonJS и ES также сохраняют необработанные проверки для process.env.NODE_ENV, чтобы определить режим, в котором они должны работать. Вы должны использовать соответствующие конфигурации сборщика, чтобы заменить эти переменные среды, чтобы контролировать, в каком режиме будет работать Vue. Замена process.env.NODE_ENV строковыми литералами также позволяет минификаторам, таким как UglifyJS, полностью отбрасывать блоки кода только для разработки, уменьшая окончательный размер файла.

Webpack

Используйте DefinePlugin Webpack:

var webpack = require('webpack')

module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify('production')
      }
    })
  ]
}

Rollup

Используйте rollup-plugin-replace:

const replace = require('rollup-plugin-replace')

rollup({
  // ...
  plugins: [
    replace({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  ]
}).then(...)

Вклад

Клонируйте этот проект

npm install
npm start

Затем откройте http://127.0.0.1:10001/demo/base/index.html.

Вы можете выбрать другую страницу по своему усмотрению.

Журнал изменений

Пожалуйста, прочтите примечания к выпуску.

Лицензия

MIT