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

Question

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

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

Answer 1

Аутсорсинг.

• Youtube
• Blip.tv (FAQ)
• Vimeo (Basics)

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

• Thatguywiththeglasses
• Cinemassacre

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

• Screwattack

Answer 2

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

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

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

Answer 3

С точки зрения современного и стандартного соответствия для встраивания видео, Video for Everyone, вероятно, является лучшим способом.

<!-- “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 4

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

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

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