1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/gotoschool-vue-mini-player

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Это зеркальный репозиторий, синхронизируется ежедневно с исходного репозитория.
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

На основе Vue — лёгкий компонент для воспроизведения видео, подходит для ПК и мобильных устройств

Установка

$ npm install vue-mini-player -S

Использование

# main.js
import vueMiniPlayer from 'vue-mini-player'
import 'vue-mini-player/lib/vue-mini-player.css'
Vue.use(vueMiniPlayer)

В проекте используется vueMiniPlayer:

<template>
  <vueMiniPlayer ref="vueMiniPlayer" :video="video" :mutex="true" @fullscreen="handleFullscreen" />
</template>
<script>
  export default {
    data () {
      return {
        video: {
            url: 'https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4',
            cover: 'https://i.loli.net/2019/06/06/5cf8c5d9c57b510947.png',
            muted: false,
            loop: false,
            preload: 'auto',
            poster: '',
            volume: 1,
            autoplay: false
        }
      }
    },
    computed(){
      $video(){
        return this.$refs.vueMiniPlayer.$video;
      }
    },
    methods:{
      handleFullscreen(){

      }
    }
  }
</script>

💡 Особенности

  1. Лёгкий HTML5-плеер с изящным пользовательским интерфейсом, прост в использовании.

  2. Предоставляет глобальные компоненты для установки через npm.

  3. Поддерживает различные форматы видео, работает на мобильных устройствах и ПК.

  • Поддержка различных типов видео.
  • Возможность настройки обложки.
  • Совместимость с различными платформами.
  • Переключатель без звука.
  • Отображение времени воспроизведения.
  • Полноэкранный режим.
  • Проигрывание по перетаскиванию.
  • Ускоренное воспроизведение.
  • Поддержка MSE.
  • Поддержка субтитров.

✈️ Параметры

Название Значение по умолчанию Тип Описание
video - - Видеопараметры
mutex false Boolean Взаимоисключающий, останавливает другие проигрыватели при воспроизведении текущего
video.url - String,Array Источник видео, поддерживает передачу нескольких форматов видео в виде массива
video.cover - String Обложка видео
video.muted false Boolean Воспроизведение без звука
video.loop false Boolean Повторное воспроизведение видео
video.preload 'auto' String Предварительная загрузка видео, возможные значения: 'none', 'metadata', 'auto'
video.poster - String Исходная обложка видео по умолчанию не задана, только настройка video.cover
video.volume 1 String,Number Громкость по умолчанию
video.autoplay false Boolean Автоматическое воспроизведение видео
video.playsinline false Boolean Встроенное воспроизведение видео
video.crossOrigin false String Источник видео corss, возможные значения: 'anonymous', 'use-credentials'
video.logo - String Логотип проигрывателя
video.logoStyle - Object,String Стиль логотипа проигрывателя, формат параметров {color:'#fff'} или "color:#fff"

🚀 События

Название Описание
fullscreen Событие полноэкранного режима
ready Подготовка к воспроизведению видео
clearMode Выполнение режима очистки
videoPlay Событие воспроизведения или паузы проигрывателя
created Жизненный цикл компонента
mounted Жизненный цикл компонента
beforeDestroy Жизненный цикл компонента
destroyed Жизненный цикл компонента

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Описание недоступно Расширить Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://gitlife.ru/oschina-mirror/gotoschool-vue-mini-player.git
git@gitlife.ru:oschina-mirror/gotoschool-vue-mini-player.git
oschina-mirror
gotoschool-vue-mini-player
gotoschool-vue-mini-player
master