В iOS 6 Safari не поддерживает Media Session API, который позволяет управлять мультимедийным контентом, а также отображать информацию о текущем треке, включая его название, исполнителя и изображение обложки. Однако можно рассмотреть несколько альтернативных подходов:
1. **Использование HTML и JavaScript**: Вы можете создать пользовательский интерфейс для отображения информации о треке. Например, вы можете использовать элементы HTML, такие как `<div>`, для отображения названия и исполнителя трека, а также аудиоплеер для воспроизведения музыки.
```html
<div id="track-info">
<h2 id="track-title">Название трека</h2>
<h3 id="track-artist">Исполнитель</h3>
<img id="track-cover" src="cover.jpg" alt="Обложка" />
</div>
<audio id="audio-player" controls>
<source src="track.mp3" type="audio/mpeg">
Ваш браузер не поддерживает элемент audio.
</audio>
```
С помощью JavaScript можно динамически обновлять элементы с информацией о треке на основе действий пользователя.
2. **Кастомизация интерфейса**: Вы можете также использовать CSS для стилизации вашего интерфейса и создания более привлекательного вида для отображения информации о треке.
3. **Использование внешних библиотек**: Хотя прямого полифила для Media Session API для iOS 6 нет, вы можете использовать JavaScript библиотеки, такие как Howler.js или jPlayer, которые могут помочь вам с управлением аудио и предоставлением пользовательского интерфейса. Но имейте в виду, что не все функции могут быть доступны на старых устройствах.
4. **Progressive enhancement**: Вы можете использовать Progressive Enhancement, чтобы создать простую функциональность для старых браузеров и добавлять расширенные функции для современных. Например, вы можете предоставить базовый аудиоплеер с текстовой информацией для пользователей iOS 6, а для более новых версий браузеров добавить поддержку Media Session API.
5. **Отображение информации в UI**: Используйте JavaScript для обновления заголовков и изображений обложек в зависимости от воспроизводимого трека. Это можно сделать через события, такие как `play`, `pause` и другие.
Важно понимать, что возможности кастомизации пользовательского интерфейса и функциональности ограничены на старых устройствах и браузерах, поэтому необходимо тщательно тестировать интерфейс на целевых устройствах.