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

OSCHINA-MIRROR/wunankun-kkk-music

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

Описание проекта

kPlayer — это компонент воспроизведения аудиофайлов для WeChat Mini Programs. После импорта компонента достаточно передать URL аудиофайла для его воспроизведения. Включает в себя анимацию воспроизведения, полосу прогресса воспроизведения, возможность отображения текущего времени и общего времени при долгом нажатии на аудио, а также возможность управления прогрессом с помощью прокрутки. С помощью параметра info можно настроить внешний вид и функционал компонента. Событие playbackStatus позволяет слушать состояние воспроизведения вне компонента.

Демонстрация работы

tutieshi_448x960_26s.gif

Как использовать

// -----js-----
data: {
    info: {
        // Ссылка может стать недействительной, замените её на свой аудиофайл
        url: "http://qhyru96xp.hn-bkt.clouddn.com/Higher%C2%A0Brothers%26DJ%2BSnake%2B-%2BMade%2BIn%2BChina%28Special%2BEdition%29.mp3",
        width: "100%", // Если значение является строкой, необходимо указывать единицы измерения, если число - rpx будет использоваться как единица измерения по умолчанию
        border: 12,
    }
}

playbackStatus(e) { // Статус воспроизведения
    console.log(e.detail)
}


// -----wxml----
<kPlayer info="{{info}}" bind:playbackStatus="playbackStatus"></kPlayer>
```# Атрибуты info
| Атрибут | Тип | По умолчанию | Обязательный | Описание |
| --- | --- | --- | --- | --- |
| url | String |  | Да | URL аудиофайла |
| flag | Boolean | false | Нет | true — загрузка аудиофайла до начала воспроизведения, false — загрузка аудиофайла после клика |
| name | String |  | Нет | Название аудиофайла, если указано, высота компонента увеличивается на 50rpx для отображения названия |
| author | String |  | Нет | Автор аудиофайла, отображается вместе с названием |
| width | Number/String | '100%' | Нет | Ширина компонента воспроизведения, минимальное значение 360, если тип Number используется rpx как единицу измерения по умолчанию, можно указать свои единицы измерения |
| height | Number | 100 | Нет | Высота компонента воспроизведения, единица измерения rpx |
| color | String | #f00 | Нет | Цвет темы компонента воспроизведения |
| border | Number | height / 2 | Нет | Круглость углов компонента воспроизведения, единица измерения rpx, по умолчанию используется круглый угол |
| progressDisable | Boolean | false | Нет | true — скрытие полосы прогресса |
| longTouchDisable | Boolean | false | Нет | true — отключение отображения времени при долгом нажатии |
| moveDisable | Boolean | false | Нет | true — отключение управления прогрессом с помощью прокрутки |
| loadOverTime | Number | 30000 | Нет | Время ожидания загрузки аудиофайла, единица измерения миллисекунды |# События
| Имя события | Обязательный | Описание |
| --- | --- | --- |
| playbackStatus | Нет | Статус воспроизведения |

# Параметры состояния воспроизведения
| Атрибут | Тип | Описание |
| --- | --- | --- |
| url | String | URL аудиофайла |
| currentTime | Number | Текущее время воспроизведения |
| duration | Number | Общее время |
| status | Number | 0 — завершение воспроизведения, 1 — воспроизведение, 2 — пауза |

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

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

Введение

kPlayer — это компонент для проигрывателя мини-программы WeChat. После внедрения компонента можно воспроизводить аудио, просто передав URL. Есть анимация воспроизведения, индикатор выполнения аудио и отображение текущего/общего времени при длительном нажатии на аудио. Можно контролировать прогресс, скользя по компоненту. Через параметр info м... Развернуть Свернуть
MulanPSL-1.0
Отмена

Обновления

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

Участники

все

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

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