Skip to content

Instantly share code, notes, and snippets.

Hsu Ping Feng fillano

Block or report user

Report or block fillano

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@fillano
fillano / 顯示audio物件資訊
Created Oct 18, 2010
利用audio標籤加上controls屬性來控制,然後檢視相關屬性在播放中的變化。
View 顯示audio物件資訊
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<body>
<audio src="bwv4_overture.mp3" controls id="player"></audio>
<div id="panel"></div>
</body>
</html>
@fillano
fillano / html5 video tag test
Created Oct 19, 2010
play a m4v or ogg video in different browser and see the status of video object
View html5 video tag test
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<body>
<video id="player" src="crockonjs-1.m4v" controls poster="vlcsnap-00001.png"></video>
<!--<video id="player" src="Apollo_15_liftoff_from_inside_LM.ogg" controls></video>-->
<div id="panel"></panel>
</body>
@fillano
fillano / canvas 2d detect and simple test
Created Oct 20, 2010
偵測瀏覽器對於canvas 2d規格的支援程度,並且畫一個小叉叉做測試。
View canvas 2d detect and simple test
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background: #AACCEE;
border: solid 1px #336699;
margin: 10px;
padding: 5px;
@fillano
fillano / html5 canvas pen draw
Created Oct 21, 2010
做出可以用滑鼠隨意塗鴉的效果
View html5 canvas pen draw
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background: #AACCEE;
border: solid 1px #336699;
margin: 10px;
padding: 5px;
@fillano
fillano / html5 canvas draw with rotate
Created Oct 21, 2010
示範繪圖加上旋轉的效果
View html5 canvas draw with rotate
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background: #AACCEE;
border: solid 1px #336699;
margin: 10px;
padding: 5px;
@fillano
fillano / html5 canvas text
Created Oct 21, 2010
簡單的文字繪製示範
View html5 canvas text
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background: #AACCEE;
border: solid 1px #336699;
margin: 10px;
padding: 5px;
View html drawimage test with drag&drop
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background: #AACCEE;
border: solid 1px #336699;
margin: 10px;
padding: 5px;
@fillano
fillano / canvas 3d webgl interface detect
Created Oct 22, 2010
簡單地檢測webgl支援以及瀏覽器對WebGL Interface的支援程度
View canvas 3d webgl interface detect
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background: #AACCEE;
border: solid 1px #336699;
margin: 10px;
padding: 5px;
@fillano
fillano / html5 form validation
Created Oct 25, 2010
簡單的表單驗證測試,不過只能在Opera瀏覽器執行
View html5 form validation
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
background:#99CCFF;
border:solid 1px #336699;
margin:10px;
padding:5px;
@fillano
fillano / simple web sql db test
Created Nov 4, 2010
create/drop table insert/select data etc...
View simple web sql db test
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<style>
div {
border: solid 2px #336699;
margin: 10px;
padding: 5px;
border-radius: 5px;
You can’t perform that action at this time.