什么是目前在网站上放置音频和视频的最佳方式？

I'm working on a very small site, with almost zero budget as a favor for a friend. She wants to put a short audio and video clip on the site (both clips are under two minutes). The audio is currently a 1.6 MB AAC (.m4a) and the video is a 30 MB H.264 (.mov).

我正在一个非常小的网站上工作,几乎没有预算作为对朋友的青睐。她想在网站上放一个简短的音频和视频片段(两个片段都在两分钟之内)。音频目前是1.6 MB AAC(.m4a),视频是30 MB H.264(.mov)。

What's the current best practice that's going to be the easiest for me, while still creating a good experience for the users? Should we upload the video to youtube or vimeo and embed? There's probably some simple audio player I could download. I have flash, so could make an FLV; I could convert the m4a to an mp3, etc. I could just link directly to the raw files....

目前对我来说最简单的最佳做法是什么,同时仍然为用户创造了良好的体验?我们应该将视频上传到youtube还是vimeo并嵌入?我可以下载一些简单的音频播放器。我有闪光,所以可以制作FLV;我可以将m4a转换为mp3等。我可以直接链接到原始文件....

4 个解决方案

#1

Outsource it.

Many popular video sites use Blip.tv

许多热门视频网站都使用Blip.tv

And others use Youtube

其他人使用Youtube

Screwattack

#2

In terms of being modern and standards compliant for video embedding, Video for Everyone is probably the best way.

在视频嵌入的现代化和标准兼容方面,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>

A fully commented version is available at the link above.

上面的链接提供了完全评论的版本。

This uses the video tag if it's supported, but as Firefox and Safari both support different formats (Ogg and Mp4) you need to have a couple of different versions of the video files.

如果支持视频标签,则使用视频标签,但由于Firefox和Safari都支持不同格式(Ogg和Mp4),因此您需要拥有几个不同版本的视频文件。

This works on every browser, from IE6 to the iPhone, and from Chrome to Opera including everything in between.

这适用于所有浏览器,从IE6到iPhone,从Chrome到Opera,包括介于两者之间的所有内容。

For audio, the audio tag is the most modern, though I'm not sure about browser support at the moment.

对于音频,音频标签是最现代的,但我目前还不确定浏览器支持。

#3

Uploading to a service like YouTube, Blip.tv, or Vimeo is good, but you'll have to settle for them tossing in "related videos" or other ads on your content, and you'll be forced to stick with their player/branding.

上传到像YouTube,Blip.tv或Vimeo这样的服务很好,但你必须满足于他们在你的内容上扔“相关视频”或其他广告,你将*坚持使用他们的播放器/品牌化。

You could get the JW FLV Media Player, and play the .mov through flash. And actually, if you go with blip, they will host the file and give you the absolute path to the .flv itself - meaning you could load it directly into your local copy of JW FLV Player, and likely bypass their ads/related content.

您可以获得JW FLV媒体播放器,并通过闪存播放.mov。实际上,如果你使用blip,他们将托管文件,并为你提供.flv本身的绝对路径 - 这意味着你可以将它直接加载到你的JW FLV播放器的本地副本中,并可能绕过他们的广告/相关内容。

Another nifty thing to consider would be the jQuery Media Player. It quickly converts markup/css into a media-player driven by the powerful jQuery framework. Using this with the free hosting provided by Blip.tv (who again give you direct access to your .flv files) would be a great solution too.

另一个值得考虑的好处是jQuery Media Player。它可以快速将markup / css转换为由强大的jQuery框架驱动的媒体播放器。使用Blip.tv提供的免费托管(再次让您直接访问.flv文件)也是一个很好的解决方案。

#4

for the video, I recommend to use youtube. you can embed into your pages without sacrificing spaces and bandwith.

对于视频,我建议使用youtube。你可以嵌入你的页面而不会牺牲空间和带宽。

For the sound, i would recommend to use mp3 (not aac since not everybody has aac) and then you can put flash mp3 player (try this : 5 best flash podcast players)

对于声音,我建议使用mp3(不是aac,因为不是每个人都有aac)然后你可以把闪存MP3播放器(试试这个:5个最好的flash播客播放器)

For mp3, if it is a speech or just human talking about something, you don't need to make stereo, mono is more than enough. You can edit using Audacity (free-open source software). I guest (from my past experience) 1 hour speech could be 5-6 MB mono mp3 (about 96Kbps if i am not wrong)

对于mp3,如果它是一个演讲或只是人类谈论的东西,你不需要制作立体声,单声道绰绰有余。您可以使用Audacity(免费开源软件)进行编辑。我的客人(从我过去的经验)1小时的语音可能是5-6 MB单声道mp3(如果我没有错,大约96Kbps)

#1