vue-музыка
Скачать зависимости
Начать проект
Пакетный проект
Внутренний адрес GitHub
https://github.com/Binaryify/NeteaseCloudMusicApi Соответствующая версия во время разработки: 4.0.23. При возникновении проблем выберите последнюю версию.
Предварительный адрес
Адрес предварительного просмотра музыки имитации NetEase Cloud
версия uni-приложения
хранилище версий uni-app
На данный момент завершена функция
- Проигрыватель песен: воспроизведение, прогресс перетаскивания, регулировка громкости, загрузка, список воспроизведения, прокрутка текста песни на странице, комментарии.
- Страница Discovery: рекомендации, плейлисты, исполнители, рейтинги, последняя музыка (экспресс новых песен, новые альбомы на полках (новые альбомы на этой неделе))
- Вход: Войдите по номеру мобильного телефона и паролю, войдите по QR-коду, войдите по коду подтверждения, выйдите из системы.
- Список песен: нравится музыка, запись об альбоме, запись об исполнителе, воспроизводимая в данный момент музыкальная линия.
- Каждая страница подробностей
- Страница сведений о плейлисте: список песен, поиск на странице плейлиста, загрузка полного плейлиста, коллекции, комментарии.
- Страница сведений об альбоме: список песен, поиск, коллекция, комментарии, сведения об альбоме.
- Страница сведений о певце: список альбомов, описание певца, клип, похожие исполнители.
- Страница сведений о видео: воспроизведение видео (воспроизведение с использованием встроенного видео и элементов управления), рекомендации похожих видео, воспроизведение видеороликов, рекомендации видеороликов, лайки, коллекции, комментарии и подписка на авторов.
- Страница сведений о пользователе: основная информация, регион (поддерживается только внутренние регионы), созданные плейлисты, избранные плейлисты, обновленная личная информация и аватар.
- Поиск: песни, исполнители, плейлисты, пользователи, клипы, поиск альбомов, горячие списки поиска, предложения поиска, быстрый доступ к результатам поиска.
- Комментарии (требуется вход в систему): лайки, ответы, комментарии, нумерация комментариев, анимация перехода к номеру страницы и поля ввода ответа.
- Видео (требуется вход в систему): список видео, список клипов, страница всех клипов, страница рейтинга клипов.
- Моя коллекция (требуется вход): собранные альбомы, клипы, исполнители и функции фильтрации.
- Недавно воспроизведенные (локальное хранилище, а не запись воспроизведения в облаке)
- Private FM (требуется вход в систему): воспроизведение, корзина, лайки, комментарии, прокрутка текстов песен (производительность здесь не такая, как у NetEase Cloud, если вы хотите, чтобы все было согласованно, вам нужно многое изменить)
- Все страницы адаптированы для мобильных устройств
- Ленивая загрузка маршрутов и фрагментирование кода, добавление средств защиты навигации, когда вы не вошли в систему, и разделение реквизитов маршрута.
- Используйте Vuex для управления статусом входа в систему, текущим списком песен и статусом песни, а также другим многокомпонентным статусом.
- Интерфейс общего доступа предназначен для обмена в динамике NetEase Cloud. Поскольку динамическая часть еще не выполнена, любой обмен недействителен. Согласно NetEase Cloud, сбор всех песен заключается в сборе всех песен в созданный список воспроизведения или создании нового списка воспроизведения. Он еще не добавлен.
ОШИБКА или ОБНОВЛЕНИЕ
- Добавлены ограничения на загрузку полных песен в плейлист (при использовании встречался плейлист с 6000 синглами, а использование trackIds для запроса соответствующих песен приводило к ошибке 431)
- Добавить ограничение на количество недавно воспроизведенных песен 19.11.
- Устраните ошибку, из-за которой после добавления защиты навигации потерянный статус входа обновляется, а ошибка навигации возникает после повторного получения статуса входа. 20.11.20
- Добавлена остановка воспроизведения песни во время воспроизведения видео.
- Решите проблему, из-за которой данные не могут быть обновлены при переключении певцов на похожих вкладках певца на странице сведений о певце.
- Добавить js-анимацию прокрутки текста песни
- Добавить анимацию переключения вида маршрутизации
- Добавлена страница сведений о певце, анимация переключения вкладок для загрузки данных и подсказка, когда она пуста.
- Добавьте каталог @root и модульный API по функциям для облегчения управления.
- Мы столкнулись с проблемой, заключающейся в том, что содержимое резервной копии области с именем slot не вступает в силу после упаковки. В среде разработки оно ведет себя нормально и еще не решено. Мы можем использовать только все содержимое резервной копии вместо использования содержимого резервной копии.
- Я столкнулся с проблемой, превышающей максимальное безопасное количество JS, которая еще не решена (изображение в информации о песне, полученной при получении поисковых предложений, имеет значение NULL, но идентификатор изображения есть, но он неточен, если он превышает безопасный номер). Вы можете определить метод axios для обработки данных (по умолчанию axios использует прямой JSON.parse), существуют соответствующие плагины.
- Устраните ошибку, связанную с щелчком пользователя в области комментариев на странице песни, чтобы перейти к маршруту пользователя, но интерфейс воспроизведения не закрывается, а также ошибку, связанную с тем, что страница пользователя не меняется с идентификатором, удалите дублирующую логику. компонента воспроизведения
- Контур мобильного терминала не имеет закругленных углов, поэтому замените его рамкой.
- Интегрируйте список альбомов, список плейлистов и список исполнителей в один компонент.
- Заморозить только отображаемые данные для оптимизации производительности.
- Интегрируйте сведения о видео и страницу сведений о клипе в один компонент.
- Большинство подстраниц используют одну и ту же полосу прокрутки, отслеживают адрес маршрутизации, сбрасывают полосу прокрутки и сбрасывают полосу прокрутки страницы воспроизведения песни при смене песен.
- Исправлена ошибка, из-за которой длинные числа в комментариях не переносились.
- Устранена ошибка, из-за которой прогресс песни передвигался вперед, а строка активации текста оставалась неизменной; текущий источник времени для оценки прокрутки текста был изменен (раньше это было время воспроизведения звука в реальном времени, а теперь это текущее время, отправленное на обработку). vuex после обработки первым, которая может быть немного задержана или заранее извлечь компонент текста (необходимо повторно использовать частный FM).
- В Chrome есть ограничения на медиа-теги, для автоматического воспроизведения которых требуется взаимодействие с пользователем.
- Добавьте информацию о плейлисте, созданную при редактировании, и используйте плагин VueCropper для обрезки изображений.
- Добавление личной информации включает обрезку и изменение аватара без добавления региона, обрезку и обработку изображения в объект blob и инкапсуляцию его в компонент (обложку списка песен и личный аватар).
- Отменить с помощью Nprogress
- Страница певца отменяет использование ELTABS и вместо этого использует TabMenu в проекте, изменяет метод get инкапсулированного запроса axios и меняет способ обработки ошибок, чтобы его можно было получить с помощью async/await;
- Некоторые плагины cdn загружаются немного медленно, что приводит к появлению длинного белого экрана при первой загрузке.
- Устраните ошибку, связанную с отсутствием возврата на домашнюю страницу после выхода из системы и ленивой загрузкой некоторых изображений страниц.
- Добавлена ленивая загрузка некоторых изображений, удалены некоторые необоснованные скелетоны и изменена стандартизация использования компонентов.
- И изменить ошибки, найденные при рефакторинге версии vue3+ts
