天生我才必有用

ffmpeg的安装及使用

分类: 技术, 网站设计    作者:Ray    2008年10月21日

ffmpeg是一个类似Imagemagick的工具,两者最大的区别在于:ImageMagick是转换图片,而ffmpeg主要提供视频的转换。同时两者也有一个非常相似的优点就是支持的格式很多,基本涵盖了所有流行的图片和视频格式。

不过ffmpeg有一个非常不方便之处,就是安装比较麻烦,在Linux系统中并非默认安装,特别是想在一些共享空间(Virtual Host)里使用可能非常的困难。

那 我们首先来讲如何在Windows系统里安装它,网上很多文章都洋洋洒洒写了很多,教你怎么编译这样ffmpeg。其实在Windows系统中进行 ffmpeg的编译是难得最高的,毕竟它是Linux的产物,在Windows下编译难度不言而喻。其实有很多替代方案可以使用,毕竟Internet是 个热心人的时间,通过Internet可以减少很多重复的工作。

  1. 你可以从http://sourceforge.net/project/showfiles.php?group_id=205275&package_id=248632下载已经编译好的版本。
  2. 你也可以安装ImageMagick,其中也包含了一个ffmpeg的binary执行文件。

如果想在Linux中编译,可以参考官方的说明。我们这里再介绍如何在虚拟空间(Virtual Host)中进行编译,其实编译的过程也非常的简单。可以参考DreamHost的Wiki中的一篇文章的介绍,http://wiki.dreamhost.com/index.php/FFmpeg ,按照步骤如果编译无错应该就没问题,不过国外的虚拟空间技术都比较成熟,不清楚国内的虚拟空间支持了如何。

最后讲2个ffmpeg的视频转换命令:

1.把视频转换成flv文件(这个用得最多,现在Flv基本上已经成了网络视频的标准了)

ffmpeg -i source -s 320×240 -b 700k -aspect 4:3 -y -f flv dest.flv 。

其中:

  • source:是原始文件的名字,可以是mov,mpeg,avi,wmv各类格式,ffmpeg基本都支持。
  • -s wxh: 指定视频的宽和高
  • -b : 设定视频的比特率
  • -aspect: 保持视频的比率。如4:3或者16:9
  • -y : 如果目标文件存在时,直接覆盖原有的目标文件。
  • -f : 指定转换的文件格式,这里是flv格式。(其实如果不指定文件格式,ffmpeg也会按文件的后缀名来进行转换)。
  • dest: 转换的目标文件名字,并不一定需要是flv,可以是mov,mpeg以及其他的常用格式。

2. 截取视频的某一帧保存为图片。

ffmpeg -i source -ss 00:00:06 -t 00:00:01 -r 1 -s 320×240 -f image2 -y dst.jpg

网上也提到了很多保存视频,但很难找到如何从指定的位置开始保存,很多视频的第一帧都是黑屏,所以如不指定起始位置容易造成保存了一副黑的图片。

  • -ss : 指定其实视频的时间: hh:mm:ss.xxx 其实还可以指定到毫秒级,不过看了下手册没找到怎么从指定的帧开始,不过这个可以通过换算实现。
  • -t: 指定保持时间长度,因为是图片,所以固定设为00:00:01。如需保持为gif动画,可以设定为其他值,具体实现官方文档有说明。
  • -r: 指定帧,这里指定为第一帧。
  • -s: 图片的宽和高
  • -f: 指定为图片格式
  • dst: 图片的名字。

先分享到这里,如有问题大家可以一起讨论。

标签:

Image MIME 参考

分类: 网站设计    作者:Ray    2008年10月17日
image/bmp bmp
image/cis-cod cod
image/gif gif
image/ief ief
image/jpeg jpe
image/jpeg jpeg
image/jpeg jpg
image/pjpeg jpeg pjpeg
image/pipeg jfif
image/png png
image/svg+xml svg
image/tiff tif
image/tiff tiff
image/x-cmu-raster ras
image/x-cmx cmx
image/x-icon ico
image/x-portable-anymap pnm
image/x-portable-bitmap pbm
image/x-portable-graymap pgm
image/x-portable-pixmap ppm
image/x-rgb rgb
image/x-xbitmap xbm
image/x-xpixmap xpm
image/x-xwindowdump xwd

资料摘录:http://www.w3schools.com/media/media_mimeref.asp

标签:

IBM Page Detailer

分类: 网站设计    作者:Ray    2008年10月15日

一个类似FireBug中的功能,用来分析网站性能。个人一直觉得Firebug内嵌在Firefox中,可能即是它的优点同时也是他的缺点,使用起来很多的屏幕被Firebug占据。现在有这个工具后,就可以对网页进行独立测试了。

下载地址:http://www.alphaworks.ibm.com/tech/pagedetailer/download

使用说明:http://www.ibm.com/developerworks/cn/web/wa-lo-pagedetailer/index.html

使用JQuery来实现MooTools的首页菜单效果

分类: Javascript, 网站设计    作者:Ray    2008年08月26日

看到一篇用JQuery做的动画效果,现在才发现原来Flash最大对手不是Silverlight,其实是Javascript。
现在一次次看到Safari和Firefox的比拼,一次次看到最终促使js运行性能的提速的消息,不得不考虑这样的问题,实现这类简单的效果有必要使用Flash,毕竟js在下载文件大小上是绝对占有优势的。

此效果的链接地址.

标签: ,

Imagemagick中图片大小转换全攻略

分类: 网站设计    作者:Ray    2008年07月16日

Convert的resize子命令应该是在ImageMagick中使用较多的命令,它实现了图片任意大小的缩放,唯一需要掌握的就是如何使用它的一些参数测试设定值:

此说明文件中所用的原始文件(src.jpg),宽度:200,高度:150

命令格式: -resize widthxheight{%} {@} {!} {<} {>} {^}

(阅读全文…)

标签: ,

Trac 0.11b2的升级

分类: 技术, 网站设计    作者:Ray    2008年07月4日

由于Trac 0.11的正式版本已经发布,所以就对自己的Trac 0.11 Beta2进行了升级,可能是第一次升级,所以这个升级过程还不是特别顺利。

在升级前参照Trac的官方说明,下载了Trac-0.11.win32.exe,不知是何原因,安装完成后,运行c:\Python25\Scripts\trac-admin.exe “d:\trac\project” upgrade 命令,就是报错”pkg_resources.DistributionNotFound: Trac==0.11″,看错误信息的意思是说此0.11的版本没有找到。

在Internet上查了一下,有人说再升级前必须关闭apache服务器,否则由于程序还在运行,新程序包就应该不会覆盖旧版本。但尝试了一下发现还是不行,察看c:\python2.5\lib\site-packages\下发现有一个资料夹Trac-0.11-py2.3.egg,我的python明明是2.5版本,怎么生成的信息就说是2.3,猜想可能是安装程序包的问题吧。

既然直接安装不行,那何不试试setup_tools的手动安装。运行c:\python2.5\scripts\easy_install –help,只有输入–upgrade参数,就可以升级了。所以就在命令行输入”c:\python2.5\scripts\easy_install –upgrade trac“,果真升级就自动开始了。安装完后check了一下c:\python2.5\lib\site-packages\,现在版本信息正确了。接着运行c:\Python25\Scripts\trac-admin.exe “d:\trac\project” upgrade也成功了。

运行apache后, 察看屏幕坐下角,果真从Powered by Trac 0.11b2更新成了Powered by Trac 0.11看来版本更新是成功了。相信以后升级就有经验了,应该遇到的障碍就少了。

标签:

W3C WebApps

分类: 网站设计    作者:Ray    2008年06月13日

现在连W3C都开始参与到丰富多彩的Web 应用的开发中来了,对我们这样Web程序员来说到底是祸是福。搞不清楚为何官方的站点链接http://www.w3.org/2008/webapps/是放在2008的资料夹下的,不会就过来折腾个半年多,到2009年就不搞了吧。不过从介绍的说明中来看,RIA看来会是一种发展的趋势。AJAX和Flex、Sliverlight的竞争一定会更加的激励。

官方还有一个Wiki站点http://www.w3.org/2008/webapps/wiki/Main_Page 。个人感觉暂时也无什么有价值的东西。感觉就是把WebApp的一些标准做了一个索引分类。让我们期待吧。希望时间可以证明它存在的必要。

最后也呼吁一下MS,多看看文档标准说明,不要需求都没搞清楚的瞎开发,Web开发就因为有了IE才觉得特别的累。

标签:

如何让自己的网站支持更多格式的图片上传?

分类: PHP, 网站设计    作者:Ray    2008年06月11日

对于大多数网站的使用者来说,可能他们并不了解自己所使用的各类浏览器只能显示jpeg、gif和png文件。就算在Windows平台中最常用的bitmap(bmp)格式,以及扫描仪所使用的Tiff格式图片,都是不能被浏览器支持,浏览器并不能直接把以上的格式图片显示在网页中。

当然你也可以要求用户使用各类工具进行图片的转换后,然后再上传。不过相信在这些用户中必然会存在不少不妥协者,当然也必然包含一些菜鸟型用户。相信这种方法应该不是非常好的解决方案。我们当然应该为网友做更多,让他们可以简单的使用我们的网站。

现在就介绍一种非常方便、强大的工具,它不仅可以支持各类图片格式的转换,也能对图片进行相关的缩放。前提可能就是你网站的Web Host是Linux,同时它支持ImageMagick。(应该专业些的Web Host都会安装这个工具)。如果你的Web Host支持SSH,你只需使用SSH登入到系统中,在命令行运行一下convert命令即可。如果系统未给出任何出错信息,而给出了convert命令的相关帮助,那就说明你的系统支持ImageMagick。

以下介绍一下常用的命令:

  • 转换图片格式:

    convert image.tiff image.png

  • 对图片进行缩放:
  • convert -resize 400×300 src.png dst.png

    convert -resize 200×200^ src.png dst.png

更多命令行信息请参考:http://www.imagemagick.org/script/command-line-processing.php

在PHP中只需要简单的使用system()这个函数来调用以上的外部命令即可。同时也可结合GD库来实现图片的Watermark功能。

标签: ,

本地安装W3C Link checker

分类: 测试, 网站设计    作者:Ray    2008年05月29日

对于网站的完整性来说,主要会发生的问题就是网站页面中出现的Dead Link。如何检验这种错误呢?当然你可以使用最笨的方法点击每一个链接,不过相信没人愿意去干这种枯燥乏味的体力活。其实最简单的方法是使用W3C Link checker,但这种Check却存在唯一的缺陷,无法解决内部网站的验证,除非你能把这些内部网站暴露在Internet上,让W3C Link Checker可以访问到它们。

要解决访问这个问题其实也不是非常困难,在参照W3C页面的Install it locally 说明来做就可以了。

如果你想我一样,有Debian/Ubuntu的环境,那么安装更方便。

  1. sudo apt-get install w3c-linkchecke。
  2. 修改/etc/w3c/checklink.conf文件,可以把Allow_Private_IPs = 1,这样可以验证non-public IP address,修改Doc_URLStyle_URL到正确的地址。
  3. 访问http://<servername>/w3c-linkchecker/checklink.html,可以了解是否安装成 功,最好把此html进行修改,把其中的localhost替换成实际的机器名称<servername>。(此页面是说明页面)
  4. 访问http://<servername>/cgi-bin/checklink,此地址才是正确校验工具的地址。(如步骤2 Style_URL设置有误,此时可能CSS会出现一些问题,但对任何功能没有影响)

现在就可以尝试验证一下你的网站,看看是否有问题了。

验证工作不仅可以使用Web方式,其实你也可以在命令行中输入checklink完成相同的工作。

不过这两种校验速度还是慢了点,现在还不清楚是否有没有其他的什么参数可以设置,来加快验证的工作。

标签: ,

用YSlow来进行网页性能评估

分类: 网站设计    作者:Ray    2008年04月25日

YSlow是由Yahoo公司开发一个Firefox的插件,它和著名的FireBug插件集成在一起,对网页的性能(Performance)进行评估。可在Yahoo官方网站进行安装:https://addons.mozilla.org/en-US/firefox/addon/5369

包含了一下的功能:

  • Performance report card
  • HTTP/HTML summary
  • List of components in the page
  • Tools including JSLint

效果图:

标签: ,