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