9th
7
小搜集~
Posted by 可乐 under 网页设计
涂鸦XHTML+CSS技术全球最美的50个网站50个优秀的Favicons在线播放器代码博客播放器代码web播放器代码大全
Vidavee Graffiti是一项有趣的在线涂鸦服务，你可以在你喜爱的视频上添加自定义内容，除了气泡文字外，它还提供了许多有趣的动态效果图。
Mojiti中文名叫做魔击体，Mojiti上的视频都是来源于目前互联网上的各大视频共享网站，如 YouTube, MetaCafe, MySpace, Google Video, IFilm, Revver, MojoFlix, Veoh, 6 Rooms, Tudou, AOL Uncut Video, vSocial 等等，用户也可自行添加视频，它可以把Internet中任意的Flash，Windows Media，Quicktime转为交互式视频。同时在视频底部放置一个Spot Ticker，Spot Ticker是一个滚动的标题，用户可在其中添加字幕和评论，以达到互动效果。
BubblePLY也提供了非常类似的服务，可以为视频添加文字字幕或者是对话文字，它使用的是气泡框样式，并且支持中文。需注意的是BubblePLY并不提供视频存储服务，需编辑的视频都从外部网站调用，它目前支持来自于YouTube、MySpace、Google Video、MetaCafe、Veoh、Break、iflim、Bolt、aniBOOM及Flix这几个网站的视频。另外，BubblePLY同样为制作好的视频提供Bitem内嵌代码，方便用户调用。
2006基于XHTML+CSS技术下全球最美的50个网站
激发你的灵感：50个优秀的Favicons
很遗憾，事实上许多设计师都不能很好的运用他们（Favicons）。Favicons，袖珍图形，适用于比较细致的网站，可以在浏览器的地址栏里显示，紧邻着书签列表里网站的名字，还紧邻着文件对话框界面的网页标题。要是立即被辨识出来的话，favicons应该悦目，并且要适合页面的设计或标识。事实上，如果你在网站上使用favicons，用户可以轻易在他们的书签里找到你的URL——通过这种方式，你在你的网站和网站的访问者之间创造了一些视觉连接。
然而，Favicons的设计可能是有难度的——不是那么容易就能创造一个漂亮的16×16px的迷你图标。尽管如此，部分设计师的运用已经取得了巨大的成效。连合活字(含有数个常用固定字母的活字,如an) 配合清晰的几何结构比单纯的字体和抽象的图像更能起作用，颜色的选取应当符合当前Web 2.0的趋势。让我们来看看能激发你灵感的50个漂亮favicons. 你可以点击favicons——它们可以打开一个页面，而这页面是用图像作为页面图标。
Petal（花瓣）
http://www.aurea.es/
http://www.fxis.net/
http://www.divshare.com/
http://www.tanyamerone.com/
http://www.akken.com/
http://www.kepu.net.cn/english/
Rounded Elements（圆形元素）
http://www.fat-man-collective.com/
http://www.lisensa.com/
http://www.lorop-it.de/
http://www.akamai.com/
http://www.cogmap.com/
http://www.colorwarepc.com/
http://www.evozon.com/
http://www.diabetesgate.de/
http://www.adelaidemetro.com.au/
Letters and Typography（字母和印刷样式）
http://www.cubexagency.com/
http://www.lisensa.com/
http://www.somox.com/
http://www.piqniq.jp/
http://www.eight6.com/
http://reachgroupconsulting.com/
http://www.flexy.info/
http://www.kiva.org/
Ornaments（修饰）
http://www.imthere.com/
http://www.elevenmedia.com/
http://www.roisure.com/
http://www.pixelitemo.com/
http://www.thinkpinkstudio.com/
http://www.mattwebb.com.au/
Squares（正方形）
http://www.sumagency.com/
http://www.indesign.einsteiger-portal.de/
http://www.kirkpatrickbank.com/
http://deforum.ru/
http://www.imasters.com.br/
http://www.ouvaton.coop/
http://detitem.org/
http://www.ministrycamp.com/
http://www.getpaint.net/
http://microformats.org/
http://www.kath-thun.ch/
http://www.campus-and-more.de/
http://pro-buero.com/
http://www.quada-office.de/
http://www.modulio.net/
Further Favicons（更多的Favicons）
http://www.joomlart.com/
http://letterpop.com/
http://www.illustrationclass.com/
http://www.trendwatching.com/
http://www.edag.hu/
http://www.elektro.de/
Favicon Tools（Favicon工具）
Favicon Generator
Favicon Generator 2
Even More Favicon Generators
Favourite Favicons
Mysteries Of The Favicon.ico — How To Create A Favicon In Photoshop
在线播放器代码博客播放器代码大全
1.avi格式
<object id=”video” width=”400″ height=”200″ border=”0″ classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”>
<param name=”ShowDisplay” value=”0″>
<param name=”ShowControls” value=”1″>
<param name=”AutoStart” value=”1″>
<param name=”AutoRewind” value=”0″>
<param name=”PlayCount” value=”0″>
<param name=”Appearance value=”0 value=”"”>
<param name=”BorderStyle value=”0 value=”"”>
<param name=”MovieWindowHeight” value=”240″>
<param name=”MovieWindowWidth” value=”320″>
<param name=”FileName” value=”file:///D|/work/vod/Mbar.avi”>
<embed width=”400″ height=”200″ border=”0″ showdisplay=”0″ showcontrols=”1″ autostart=”1″ autorewind=”0″ playcount=”0″ moviewindowheight=”240″ moviewindowwidth=”320″ filename=”file:///D|/work/vod/Mbar.avi” src=”http://www.chaoketu.com/Mbar.avi”>
</embed>
</object>
2.mpg格式
<object classid=”clsid:05589FA1-C356-11CE-BF01-00AA0055595A” id=”ActiveMovie1″ width=”239″ height=”250″>
<param name=”Appearance” value=”0″>
<param name=”AutoStart” value=”-1″>
<param name=”AllowChangeDisplayMode” value=”-1″>
<param name=”AllowHideDisplay” value=”0″>
<param name=”AllowHideControls” value=”-1″>
<param name=”AutoRewind” value=”-1″>
<param name=”Balance” value=”0″>
<param name=”CurrentPosition” value=”0″>
<param name=”DisplayBackColor” value=”0″>
<param name=”DisplayForeColor” value=”16777215″>
<param name=”DisplayMode” value=”0″>
<param name=”Enabled” value=”-1″>
<param name=”EnableContextMenu” value=”-1″>
<param name=”EnablePositionControls” value=”-1″>
<param name=”EnableSelectionControls” value=”0″>
<param name=”EnableTracker” value=”-1″>
<param name=”Filename” value=”../../../mpeg/halali.mpg” valuetype=”ref”>
<param name=”FullScreenMode” value=”0″>
<param name=”MovieWindowSize” value=”0″>
<param name=”PlayCount” value=”1″>
<param name=”Rate” value=”1″>
<param name=”SelectionStart” value=”-1″>
<param name=”SelectionEnd” value=”-1″>
<param name=”ShowControls” value=”-1″>
<param name=”ShowDisplay” value=”-1″>
<param name=”ShowPositionControls” value=”0″>
<param name=”ShowTracker” value=”-1″>
<param name=”Volume” value=”-480″>
</object>
3.rm格式
<OBJECT ID=video1 CLASSID=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” HEIGHT=288 WIDTH=352>
<param name=”_ExtentX” value=”9313″>
<param name=”_ExtentY” value=”7620″>
<param name=”AUTOSTART” value=”0″>
<param name=”SHUFFLE” value=”0″>
<param name=”PREFETCH” value=”0″>
<param name=”NOLABELS” value=”0″>
<param name=”SRC” value=”http://www.chaoketu.com/rtsp://203.207.131.35/vod/dawan-a.rm”;>
<param name=”CONTROLS” value=”ImageWindow”>
<param name=”CONSOLE” value=”Clip1″>
<param name=”LOOP” value=”0″>
<param name=”NUMLOOP” value=”0″>
<param name=”CENTER” value=”0″>
<param name=”MAINTAINASPECT” value=”0″>
<param name=”BACKGROUNDCOLOR” value=”#000000″><embed SRC type=”http://www.chaoketu.com/audio/x-pn-realaudio-plugin” CONSOLE=”Clip1″ CONTROLS=”ImageWindow” HEIGHT=”288″ WIDTH=”352″ AUTOSTART=”false”>
</OBJECT>
4.wmv格式
<object id=”NSPlay” width=200 height=180 classid=”CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95″ codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715″ standby=”Loading Microsoft Windows Media Player components…” type=”application/x-oleobject” align=”right” hspace=”5″>
<!– ASX File Name –>
<param name=”AutoRewind” value=1>
<param name=”FileName” value=”xxxxxx.wmv”>
<!– Display Controls –>
<param name=”ShowControls” value=”1″>
<!– Display Position Controls –>
<param name=”ShowPositionControls” value=”0″>
<!– Display Audio Controls –>
<param name=”ShowAudioControls” value=”1″>
<!– Display Tracker Controls –>
<param name=”ShowTracker” value=”0″>
<!– Show Display –>
<param name=”ShowDisplay” value=”0″>
<!– Display Status Bar –>
<param name=”ShowStatusBar” value=”0″>
<!– Diplay Go To Bar –>
<param name=”ShowGotoBar” value=”0″>
<!– Display Controls –>
<param name=”ShowCaptioning” value=”0″>
<!– Player Autostart –>
<param name=”AutoStart” value=1>
<!– Animation at Start –>
<param name=”Volume” value=”-2500″>
<param name=”AnimationAtStart” value=”0″>
<!– Transparent at Start –>
<param name=”TransparentAtStart” value=”0″>
<!– Do not allow a change in display size –>
<param name=”AllowChangeDisplaySize” value=”0″>
<!– Do not allow scanning –>
<param name=”AllowScan” value=”0″>
<!– Do not show contect menu on right mouse click –>
<param name=”EnableContextMenu” value=”0″>
<!– Do not allow playback toggling on mouse click –>
<param name=”ClickToPlay” value=”0″>
</object>
最简单的播放代码
<embed src=”http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv”;;
autostart=”http://www.chaoketu.com/true” loop=”true” width=”200″ height=”150″ >
把这个网址http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv换成你要看的电影就行了
有图像的rm格式：
<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>
<param name=_ExtentX value=5503>
<param name=_ExtentY value=1588>
<param name=AUTOSTART value=-1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
<param name=SRC value=http://media.cdut.edu.cn/ram/new/xiaoxin1.ram>
<param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel>
<param name=CONSOLE value=RAPLAYER>
<param name=LOOP value=0>
<param name=NUMLOOP value=0>
<param name=CENTER value=0>
<param name=MAINTAINASPECT value=0>
<param name=BACKGROUNDCOLOR value=#000000>
</OBJECT>
无图像的rm格式：如相声，歌曲…
<object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>
<param name=_ExtentX value=9657>
<param name=_ExtentY value=847>
<param name=AUTOSTART value=-1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
<param name=SRC value=http://210.242.69.206/ramgen/broadcast/BCC/encoder/hipop.rm>
<param name=CONTROLS value=StatusBar,controlpanel>
<param name=CONSOLE value=Clip1>
<param name=LOOP value=0>
<param name=NUMLOOP value=0>
<param name=CENTER value=0>
<param name=MAINTAINASPECT value=0>
<param name=BACKGROUNDCOLOR value=#000000>
</object>
最简单的media格式的播放器..自动识别有无图像，但是版本是你机器的！
<embed src=mms://61.175.132.221/tv/mtv/f4/makeawish.wmv width=200 height=200 autostart=true loop=true></embed>
有图像的media播放器，自动调用网上的插件。
<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components… type=application/x-oleobject>
<param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
<PARAM NAME=Enabled value=true>
<PARAM NAME=enableContextMenu value=false>
<param name=WindowlessVideo value=true></object>
无图像的media播放器..。同上。
<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components… type=application/x-oleobject>
<param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
<PARAM NAME=Enabled value=true>
<PARAM NAME=enableContextMenu value=false>
</object>
只是界面不同的media的调插件播放器..建议不用这个，，你可以看！
<embed src=http://av.wanwa.com/fileroot/AV/Ramfiles/23809.ram type=audio/x-pn-realaudio-plugin console=Clip1 controls=ControlPanel,StatusBar height=60 width=275 autostart=true></embed>
在线播放rm格式视频代码：
<object id=”player” name=”player” classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” width=”400″ height=”272″>
<param name=”_ExtentX” value=”18415″>
<param name=”_ExtentY” value=”9102″>
<param name=”AUTOSTART” value=”-1″>
<param name=”SHUFFLE” value=”0″>
<param name=”PREFETCH” value=”0″>
<param name=”NOLABELS” value=”-1″>
<param name=”SRC” value=”http://www.xiaoqiong.com/ftp/up/bz.rm”>
<param name=”http://www.chaoketu.com/CONTROLS” value=”Imagewindow”>
<param name=”CONSOLE” value=”clip1″>
<param name=”LOOP” value=”0″>
<param name=”NUMLOOP” value=”0″>
<param name=”CENTER” value=”0″>
<param name=”MAINTAINASPECT” value=”0″>
<param name=”BACKGROUNDCOLOR” value=”#000000″>
</object><br>
<object ID=”RP2″ CLASSID=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” WIDTH=”400″ HEIGHT=”57″>
<param name=”_ExtentX” value=”18415″>
<param name=”_ExtentY” value=”1005″>
<param name=”AUTOSTART” value=”-1″>
<param name=”SHUFFLE” value=”0″>
<param name=”PREFETCH” value=”0″>
<param name=”NOLABELS” value=”-1″>
<param name=”SRC” value=”http://www.xiaoqiong.com/ftp/up/bz.rm”>
<PARAM NAME=”http://www.chaoketu.com/CONTROLS” VALUE=”ControlPanel,StatusBar”>
<param name=”CONSOLE” value=”clip1″>
<param name=”LOOP” value=”0″>
<param name=”NUMLOOP” value=”0″>
<param name=”CENTER” value=”0″>
<param name=”MAINTAINASPECT” value=”0″>
<param name=”BACKGROUNDCOLOR” value=”#000000″>
</object>
由于Embed标签是Netscape的私有财产，故一直未被W3C认可，对于各种媒体文件使用Embed标签是非标准的，如何改变？Elizabeth Castro的 Bye Bye Embed 一文对于各种媒体播放器给出了很好的符合web标准的代码。
在线媒体播放–Google Video and YouTube
程序代码
<object type=”application/x-shockwave-flash”
data=”http://video.google.com/googleplayer.swf? ?
8755581808731033658″
width=”400″ height=”326″ id=”VideoPlayback”>
<param name=”movie”
value=”http://video.google.com/googleplayer.swf? ?
docId=8755581808731033658″ />
<param name=”allowScriptAcess” value=”sameDomain” />
<param name=”quality” value=”best” />
<param name=”bgcolor” value=”#FFFFFF” />
<param name=”scale” value=”noScale” />
<param name=”salign” value=”TL” />
<param name=”FlashVars” value=”playerMode=embedded” />
其实就是FLASH文件的调用
Windows Media Player 文件
程序代码
<object type=”video/x-ms-wmv”
data=”http://www.sarahsnotecards.com/catalunyalive/ ?
fishstore.wmv”
width=”320″ height=”260″>
<param name=”src”
value=”http://www.sarahsnotecards.com/catalunyalive/ ?
fishstore.wmv” />
<param name=”http://www.chaoketu.com/autostart” value=”true” />
<param name=”controller” value=”true” />
</object>
上面的代码没有Windows Media Player特有的classid，作者在IE5.5, IE6, IE7, Opera Win/Mac, Firefox Win/Mac, Safari下测试通过。
QuickTime movies 没有 embed 标签
程序代码
<object classid=”clsid:02BF25D5-8C17-4B23-BC80- ?
D3488ABDDC6B”
codebase=”http://www.apple.com/qtactivex/qtplugin.cab”
width=”320″ height=”260″>
<param name=”src”
value=”http://www.sarahsnotecards.com/catalunyalive/ ?
diables.mov” />
<param name=”http://www.chaoketu.com/controller” value=”true” />
<param name=”autoplay” value=”false” />
<!–[if !IE]>–>
<object type=”video/quicktime”
data=”http://www.sarahsnotecards.com/catalunyalive/ ?
diables.mov”
width=”320″ height=”260″>
<param name=”autoplay” value=”false” />
<param name=”controller” value=”true” />
</object>
<!–<![endif]–>
</object>
