Каков наилучший способ размещения аудио и видео на веб-сайте?

Question

Я работаю на очень маленьком сайте, с почти нулевым бюджетом в качестве одолжения для друга. Она хочет разместить на сайте короткий аудио- и видеоклип (оба ролика не превышают двух минут). Аудио в настоящее время имеет 1,6 МБ AAC (.m4a), а видео - 30 МБ H.264 (.mov).

Какая текущая лучшая практика будет самой легкой для меня, но при этом создающей хороший опыт для пользователей? Должны ли мы загрузить видео на YouTube или Vimeo и вставлять? Там, наверное, какой-то простой аудиоплеер, который я мог бы скачать. У меня есть вспышка, поэтому я могу сделать FLV; Я мог конвертировать m4a в mp3 и т. Д. Я мог просто ссылаться прямо на необработанные файлы ....

Answer 1

Аутсорсинг это.

• Youtube
• Blip.tv ( FAQ )
• Vimeo ( Основы )

Многие популярные видео-сайты используют Blip.tv

• Thatguywiththeglasses
• Cinemassacre

А другие используют Youtube

• Screwattack

Answer 2

С точки зрения современности и соответствия стандартам для встраивания видео, Видео для всех , вероятно, лучший способ.

<!-- “Video for Everybody” by Kroc Camen <camendesign.com> cc-by -->
<video width="640" height="480" controls="controls">
    <source src="__MY_VIDEO__.ogv" type="video/ogg" />
    <source src="__MY_VIDEO__.mp4" type="video/mp4" />
    <object width="640" height="500" type="application/x-shockwave-flash"
        data="__FLASH_PLAYER__.swf" flashvars="file=__MY_VIDEO__.mp4"
    >   <param name="movie" value="__FLASH_PLAYER_.swf" />
        <param name="flashvars" value="file=__MY_VIDEO__.mp4" />
        <!--[if gt IE 6]>
        <object width="640" height="495" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
            <param name="src" value="__MY_VIDEO__.mp4" /><!
        [endif]--><!--[if gt IE 6]><!-->
        <object width="640" height="495" type="video/quicktime" data="__MY_VIDEO__.mp4"
        >   <param name="src" value="__MY_VIDEO__.mp4" />
        <!--<![endif]--><p>
            <strong>No video playback capabilities detected.</strong>
            Why not try to download the file instead?<br />
            <a href="__MY_VIDEO__.mp4">MPEG4 / H.264 “.mp4” (Windows / Mac)</a> |
            <a href="__MY_VIDEO__.ogv">Ogg Theora &amp; Vorbis “.ogv” (Linux)</a>
        </p><!--[if gt IE 6]><!--></object><!--<![endif]-->
        <!--[if gt IE 6]></object><![endif]-->
    </object>
</video>

Полностью прокомментированная версия доступна по ссылке выше.

Используется тег видео, если он поддерживается, но поскольку Firefox и Safari поддерживают оба формата (Ogg и Mp4), вам необходимо иметь несколько разных версий видеофайлов.

Это работает в любом браузере, от IE6 до iPhone и от Chrome до Opera, включая все между ними.

Для аудио аудио-тег является самым современным, хотя в настоящее время я не уверен в поддержке браузера.

Answer 3

Загрузка на такие сервисы, как YouTube, Blip.tv или Vimeo - это хорошо, но вам придется согласиться на то, что они добавят «похожие видео» или другие объявления в ваш контент, и вам придется придерживаться их игрок / брендинг.

Вы можете получить JW FLV Media Player и воспроизводить .mov через флэш-память. И на самом деле, если вы воспользуетесь blip, они разместят файл и дадут вам абсолютный путь к самому файлу .flv - это означает, что вы можете загрузить его непосредственно в локальную копию JW FLV Player и, вероятно, обойти их рекламу / связанный контент.

Еще одна изящная вещь, которую стоит рассмотреть, это jQuery Media Player . Он быстро конвертирует markup / css в медиаплеер, управляемый мощной средой jQuery. Использование этого с бесплатным хостингом, предоставленным Blip.tv (который снова дает вам прямой доступ к вашим файлам .flv), также будет отличным решением.

Answer 4

для видео, я рекомендую использовать YouTube. Вы можете встраивать в свои страницы, не жертвуя пробелами и пропуском.

Для звука я бы порекомендовал использовать mp3 (не aac, поскольку не у всех есть aac), а затем вы можете установить флэш-mp3-плеер (попробуйте это: 5 лучших flash-подкастов )

Для mp3, если речь идет о человеке или просто говорит о чем-то, вам не нужно делать стерео, моно более чем достаточно. Вы можете редактировать, используя Audacity (бесплатное программное обеспечение с открытым исходным кодом). Я гость (из моего прошлого опыта) 1 час речи может быть 5-6 МБ монофонического mp3 (около 96 Кбит / с, если я не ошибаюсь)