タグ

javascriptとhtml5に関するstealthinuのブックマーク (29)

  • UnitePlayer.js 作ったよ - latest log

    UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit

    UnitePlayer.js 作ったよ - latest log
    stealthinu
    stealthinu 2011/12/13
    スマートフォン向けのHTML5で書かれた音楽プレイヤー。ソース読んどく。
  • createObjectURLがすごい件 - プログラムモグモグ

    最近またLocal Player (Chrome Player)を実装しなおしています. 一応説明しておくと, Local Playerは, 完全にローカルで動作する音楽プレイヤーです. シンプルさを求め(実装がめんどくさいだけ), 操作しやすく(これは大事), 良い感じのプレイヤーです. 半年前に, ソースコードがスパゲッティになって, 開発を中断していましたが, 最近また書きなおし始めたのです. 音楽プレイヤーをブラウザー上で実装するのには, 音楽ファイルをJavaScriptで読み込まなければなりません. そこでHTML5ですよ!!! <audio src="url/to/musicfile.mp3" type="audio/mp3" /> みたいな感じで, 音楽を再生できます. 詳細は他のページに譲ります. さて, 音楽ファイルを再生するには, ローカルファイルからurlをaudi

    createObjectURLがすごい件 - プログラムモグモグ
    stealthinu
    stealthinu 2011/11/21
    曲の再生とか巨大オブジェクト読み込みが発生するような場合createObjectURLを使うとメモリ効率やCPU負荷がぜんぜん違ってくるとのこと
  • limejs.com

    This domain may be for sale!

    stealthinu
    stealthinu 2011/08/22
    html5のjavascriptゲームフレームワーク。
  • ブラウザだけでここまで! HTML5で作られた「スーパーマリオブラザーズ」がスゴい

    ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動

    ブラウザだけでここまで! HTML5で作られた「スーパーマリオブラザーズ」がスゴい
    stealthinu
    stealthinu 2011/08/19
    これ、スクラッチで書いてるんかな?それともエミュレータ書いてその上で動かしてる?今後HTML5で書かれたMAMEみたいなエミュレータが出てきそう。
  • jQuery DeferredとHTML5 Web Workersでオブジェクト指向な並列プログラミングを | ゆっくりと…

    「jQueryのDeferredとPromiseで応答性の良いアプリをー実践編」 で述べましたが、Deferred には次の様なうれしさがあります。 非同期な処理をする部分と、その結果をインターフェースする部分を分離する事によって、(特にアプリケーションに近い部分で) コードの可読性が高まる 複数の Deferred オブジェクトをまとめて監視出来る 一方 Web Workers には、window オブジェクトや DOM へのアクセスが出来ないなど、ちょっと引いてしまう制限がありますが、考えようによっては、表示やマウス入力を扱う ユーザー・インターフェースな処理 と、その中身の 純粋にデータ的な部分を扱う処理 とを分離して Web アプリを作るという、オブジェクト指向的な考え方と極めて親和性が良いのではないかと思います。 ということで今回は、「Deferred と Web Workers

    stealthinu
    stealthinu 2011/08/18
    deferredとweb workersとを使った例。web workersで作ったスレッド(と言って良いのかな?)の処理をdeferred使って監視する。すげーわ。javascriptすげえ。
  • progress.from.tv » HTML5 「Web Workers」でマルチスレッドプログラミング

    以前の記事「JavaScriptのマルチスレッド(?)はマルチコアの恩恵を受けるのか?」で現在主流のブラウザ(HTML4)のJavaScriptでは、マルチスレッドプログラミングを行うことができないという結論に至りました。 ただし、現在主流のブラウザではマルチスレッドプログラミングが行えないだけであって、次のバージョンであるHTML5からは、ちゃんとマルチスレッドプログラミングを行うことができます。 それは、HTML5で追加される「Web Workers」という機能を使用することで実現できます。 今回は、日(6月9日)に正式リリースされたばかりの、HTML5をサポートする「Safari 4」を使用して、Web Workersを使用したマルチスレッドプログラミングを行って、マルチコアによるパフォーマンス向上の恩恵を受けるかどうか、実験で確かめてみようと思います。 さっそくサンプルコード 百

    stealthinu
    stealthinu 2011/08/18
    Web Workersで並列化した場合、ちゃんとマルチスレッド化されて実行されるため、マルチコアの恩恵を受けることが出来る。なかなかすげえな。
  • 【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (7) Web Workers | エンタープライズ | マイコミジャーナル

    Web Workersは、Webアプリケーションにおいてバックグラウンドでの処理実行を実現するための技術だ。 HTMLJavaScriptで作成したプログラムは、基的にUIスレッド内で行われるため、JavaScriptでの処理に時間がかかるとその分UIの応答性が劣化する。最悪の場合は、ブラウザがフリーズした挙句に「スクリプトが応答しない」というダイアログが表示されてしまい、処理を中断されてしまうこともある。 Web Workersを使用すると、バックグラウンドで動作するスレッド(ワーカ)を簡単に生成することができるため、長時間にわたる処理はワーカに任せることで、UIの応答を妨げることがなくなる。 ワーカを生成するのは非常に簡単だ。Workerクラスのコンストラクタに、ワーカのソースコード(JavaScriptファイル)を指すURLを渡せばよい。 var worker = new Wo

    stealthinu
    stealthinu 2011/08/18
    HTML5では「Web Worker」というjavascriptでバックグラウンド処理させるための仕組みが入るらしい。なんか重い処理させる場合にはこれ使って並列化するわけ。
  • “Video For Everybody” Test Page

    Full write-up article here. If you’ve arrived here from a link please note that VfE no longer includes QuickTime as part of the fallback, but the code for that version is still available here. Hosting of the video generously provided by André M. Åslund of Vorwärts GmbH. Download Video: Closed Format: "MP4" Open Format: "OGG" / "WebM" Video is the first minute from the cc-by licenced “open movie” B

    stealthinu
    stealthinu 2011/08/17
    むー… FirefoxはHTML5+WEBM/OGGでMP4には非対応なのか… 逆にChromeで見れればiPhoneでも見れるってことだな。ここ表示させればなにで動画再生してるかがわかる。
  • Video.js - Make your player yours

    Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but

    stealthinu
    stealthinu 2011/08/15
    HTML5で書かれたビデオプレーヤー。Flash使ってないからiPhone/iPadでも動く。