boombox.js HTML5 audio player by Audiofile.cc
Overview HTML5 introduces the <audio> element which offers a way to play audio natively in the browser. However the native controls are a little lacking in style. Thankfully HTML5 also brings a full api to interact with which allows us to skin an Audio object however we want. Goals The primary goal of this project is to create a high quality HTML5 audio boombox that can be easily skinned and exten
yebo blog: HTML5でインタラクティブなコンテンツを作成するアプリケーション「Hype」
2011/05/25 HTML5でインタラクティブなコンテンツを作成するアプリケーション「Hype」 元Appleの従業員2人が「Hype」というHTML5でアニメーションを作成するアプリケーションを開発して評判がいいようだ[tuaw]。Flashを使わなくても、HTML5で手軽にアニメーションやインタラクティブなコンテンツが作成できてしまう。今ならMac App Storeで3500円、高価なアドビのソフトウェアを買う必要も無い上、iPadやiPhoneでもアニメーション効果を表示させる事ができる。Hypeで作成したコンテンツのギャラリーは必見。 投稿者 zubora 投稿時間 18:00 ラベル: Mac, Software, Web 0 コメント: コメントを投稿
WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ！ HTML5でVJアプリ「Fi-VJ」を制作しました
HTML5ならのVJアプリだって作れるはず！で、作りました Fi-VJ ver1.02 デモページはこちら ファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません（デモページはSafariとChromeで動くようですが）。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。 ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど
HTML5によるゲームプログラム本「Learning HTML5 Game Programming: A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL」 - 強火で進め
扱ってる内容は以下。 Canvas SVG WebGL 目次はこちら。 Chapter 1. Introducing HTML5 K.Moving beyond Basic HTML Bridging the Divide Getting Things Done with Web Workers and Web Sockets Application Cache Database API Web Storage Geolocation Getting Users’ Attention with Notifications Media Elements HTML5 Drawing APIs Conveying Information with Microdata Summary Chapter 2. Setting Up Your Development Environment Develo
iPhone/iPadのSafariで高速に画像を描画する方法 - 強火で進め
こちらのブログで紹介されていた最適化方法をテストしてみました。 HTML5/JavaScript platform game optimised for iPad | Seb Lee-Delisle http://sebleedelisle.com/2011/04/html5javascript-platform-game-optimised-for-ipad/ 最適化の方法はHTMLのエレメントに -webkit-transform:translateZ(0px) を設定するというもの。こうするとGPUで処理が行われる為、フレームレートが倍になったとの事です。 スタイルを以下の様に設定したものと、設定していないものを準備しました。 * { -webkit-transform:translateZ(0px); } プログラムはバナナの画像を100個描画して右上から左下にスクロールさせていま
Crossbrowser HTML5 Audio Player | Blogfreakz - Web Design and Web Development resources
Speakker is a fully featured audio player based on projekktor featuring native audio with Flash fallback. Speakkercomes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Speakker is easy to set up. We can insert Speakker into any web page with just a few lines of Javascript
Play Sound on :hover | CSS-Tricks
When you google around for how to play a sound with CSS, you’ll find: Some stuff about Counter Strike: Source Some stuff about play-during and cue-before and stuff that looks promising but really it’s for aural stylesheets (accessibility / screen reader stuff) not just how to make donkey grunts when you roll over a menu item in any ol’ browser I’d argue that sounds are part of design and thus the
How to embed HTML5 into a native Mac OSX app - LDG
Our game Onslaught! Arena was only available on the Chrome Webstore when we first launched it. We recently announced that we had also launched the game on the Mac App Store, using the exact same source code. Isn't HTML5 awesome? Many of you expressed interest in how to embed a WebView into a Mac app, and as promised, here's a detailed tutorial. Download Xcode onto your Mac. I was able to download
Rot.Sketch [WebApp]
Sorry, this is Members Only content. Please Log-in. Join us today by becoming a Member. • Archive: Access thousands of projects, scores of essays, interviews and reviews. • Publish: Post your projects, events, announcements. • Discuss: Join our Discord for events, open calls and even more projects. • Education: Tutorials (beginners and advanced) with code examples and downloads. • Jobs Archive: Fi
![Rot.Sketch [WebApp]](https://cdn-ak-scissors.b.st-hatena.com/image/square/24882fd9092ae7a43715612f43a5151727dec5a7/height=288;version=1;width=512/https%3A%2F%2Fwww.creativeapplications.net%2Fwp-content%2Fuploads%2F2011%2F03%2Froto00.jpg)
懐かしいサウンド。HTML5/JavaScriptによる効果音作成ソフトウェア·jsfx MOONGIFT
jsfxはHTML5/JavaScriptを使って動的にファミコンレベルの効果音を生成、再生するソフトウェア。 jsfxはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の登場以後、Webの世界が活発になってきている。ブラウザ互換性を考えるとまだまだ実用的ではないが、新しい試みがどんどん行われているのはとてもわくわくするものだ。 デモ 特にアニメーションや動画、音楽などメディア関係への注目が集まっている。既存のデータをWeb上で再生するのも良いが、ゼロから生成するのもまた面白い。一つの手法として紹介したいのがjsfx、JavaScriptによるサウンドイフェクトジェネレータだ。 jsfxはいわゆるビープ音のようなサウンドを動的に生成し、再生するソフトウェアだ。昔懐かしい、マイコンのようなビープ音が流れる。様々なテンプレートがあり、さらにスライダによって各種イフェ
HTML5ベースの音楽ストリーミングシステムを構築するオープンソースのソフトウェア・streemeがなにやら凄そう
iPhone等にも対応した音楽サーバー を構築できるHTML5ベースのソフト ウェアがMITライセンスのもとで配布 されていました。まだ未検証ですが、 なんだかHTML5製もいろいろ出てき ますね。まだまだこれからかもしれま せんが色々楽しみです。 まだ未検証ですけどデモが凄かったので勢いでご紹介。中も見てないので「こんなのあったよ」、程度に見て頂ければ。レビュー記事とかではないです。 本当は検証したいんですけどメインで使ってる端末、音出さないようにしてるので検証出来ないんです。ごめんなさい。 Windows、Mac、Linux対応、ライセンスはMITで無償配布されていますよ。「個人で構築できる音楽サーバー」という趣旨みたいです。 PHP&MySQLで動くそうですよ。インターフェースも判りやすそうですね。 モバイルでのインターフェース。コード変換メディアにFFMPEGライブラリを利用してい
HTML5のarticleとsectionの違いを書いてみた - kojika17
article要素とsection要素の違いについては、様々なブログなどで書かれている内容だとは思います。 ただ「もう少し内容があったら、他の人もわかりやすいのにな」とよく思っていたので、策定中止になったXHTML2.0にも触れつつ、HTML5のarticleとsectionの違いについて書いてみます。 HTML5とXHTML2.0 2009年までHTML5とXHTML2.0と策定が行われていましたが、XHTML2.0は策定中止となり、HTML5に統合されるという形になりました。 しかしsection要素を説明する上で、XHTML2.0の方が分かりやすいので、現在は策定は中止されていますが、XHTML2.0のsection要素の使い方を見て頂きます。 XHTML2.0のsection要素とh要素(策定は中止されています) XHTML2.0ではh1～h6(以下、hxとします)までの見出しレベ
HTML5で作るiPhoneアプリのできない5つのこと - K_Takahikoの日記
iPhoneアプリを作成するに当たって以下のことを実現したい場合はHTML5での作成はできないため、ネイティブアプリで実現するしかなさそうだ。１、clipboardの利用まぁ別にっていう感はあるけど個人的にクリップボードを利用したアプリを作ろうと思った矢先だったんで上げておいた。２、ファイルのアップロードここが一番の肝だったりする。写真のアップロードができないのは致命的だが今後のアップデートで可能になることに期待する。３、カメラARやバーコードリーダのようなアプリがつくれない。２のファイルアップロードが出来ないのでその手のアプリは八方塞だ。３、シェイクイベントiPhoneをシェイクしたときのイベントがない４、加速度センサー３と同様加速度センサーのイベントがない。この辺りは地味にみえるがアプリケーションの使いやすさに大きく影響する。５、バックグラウンド起動そもそもネイティブアプリがバックグラ
Ultimate List of HTML5 and CSS3 Tools | Admix Web
HTML5 and CSS3 are really revolutionizing the worlds of web development and web design, because they are bringing so many new features to work with to the fields. I have been spending much of my time working with both HTML5 and CSS3 in order to learn more about the two, and have learned that you can do everything from animation to rounded corners to amazing effects and fonts to easy offline line c
DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ImageGlitcher
GitHub - ffranke/Laker-Compendium: Laker is a compendium of files, frameworks, styles and tips for designing digital publications in HTML5.
Kinectをブラウザで使えるようにする機能拡張「DepthJS」
Updating now,will be back soon.
limejs.com