Аудио тег в Safari - PullRequest
Новая
       16

Аудио тег в Safari

1 голос
/ 13 июня 2011

У меня есть следующий HTML-код: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <style type="text/css">
        html
        {
            height: 100%;
        }
    </style>
    <script language=javascript src="scripts/lib.js"></script>
</head>
<body>
    <audio controls autoplay>
        <source src="track09.wav">
    </audio>
</body>
</html>

Он работает в FF4, но не работает в Safari 5.0.5 под Winx64.Как мне это исправить?

Thx.

ОБНОВЛЕНО.Файлы mp3 и html являются локальными и не хранятся на стороне сервера.

Ответы [ 5 ]

1 голос
/ 13 июня 2011

Ответ немного отредактирован.

Добавить тип для источника. Я тестировал в Safari. Этот код работает для меня. 

  <source src="track09.wav" type="audio/x-wav">

Другое решение (для Safari) - использовать кодек AAC. Это не работает в Firefox. 

  <source src="track09.aac" type="audio/aac" />

Вы можете использовать Ogg Vorbis для Firefox. Это, вероятно, не работает в Safari. 

  <source src="track09.ogg" type="audio/ogg" />

Похоже, универсального кодека не существует. Вы должны кодировать звук несколько раз или не поддерживать несколько браузеров.

P.S. Похоже, mp3 нигде не работает.

1 голос
/ 13 июня 2011

Вам нужен формат, отличный от .wav - кодируйте аудио в mp3 и ogg и включайте оба формата в свою разметку следующим образом: 

<audio controls autoplay>
  <source src="track09.ogg" type="audio/ogg" />
  <source src="track09.mp3" type="audio/mpeg" />
</audio>

Вы можете получить утилиту для кодирования для вас изhttp://audacity.sourceforge.net

Это будет охватывать все браузеры, которые в настоящее время поддерживают аудио html5.

0 голосов
/ 14 июня 2013

Екатерина

Safari 5 не воспроизводит звук сам по себе. Требуется QuickTime, установленный в Windows. Сделайте это, и, вероятно, сработает (если вам все еще это нужно, поскольку об этом спросили 2 года назад!)

https://discussions.apple.com/thread/2544849?start=0&tstart=0

0 голосов
/ 07 ноября 2012

Лучшее решение IMHO - использовать несколько исходных файлов и mediaelement.js

0 голосов
/ 08 октября 2012

Для локального тестирования не имеет значения, являются ли файлы локальными, как и файлы html.На первый взгляд решение неочевидно.

Браузер Safari использует Apple Quicktime для поддержки тега Audio.Если вы загрузите браузер Safari для тестирования, он не будет работать.Вам необходим полный пакет, так как Safari использует кодек Quicktime для поддержки воспроизведения.

посмотрите здесь: HTML5Tutorial

Кроме того, MP3 должен быть на первом месте, которое может Safariпризнать это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...