iPhoneでvideoタグのplayを叩くと、ビデオプレイヤーが立ち上がってしまいますがそのままブラウザ内で見たいというケースもあると思います。 そんなときにつかえるようなつかえないような技を紹介します。（iOS9.0.2 の iPhone6 では動きました） 用意するもの 再生したいムービー（mp4など） 再生したいムービーの音だけ切り出したもの（mp3など） ※ 音とムービーが同じ長さであることを前提としています ※ どちらもiOSで再生できるコーデックで書き出してください 方針 canvas、video、audioを用意 videoのsrcにmp4パスをいれる audioでmp3を再生 audioのcurrentTimeを取得 videoのcurrentTimeをaudioのcurrentTimeにあわせる（playはしない） canvasにvideoをレンダリング audioの再
HTML5飯 http://atnd.org/events/52477 発表資料 ぱんちら.js -JavaScriptでテクスチャマッピング-Read less
Tweet2013 - 10 - 27 Happy Halloween VJもうすぐハロウィーンですね。 みなさんは、ハロウィーンパーティーなどに繰り出して、パーティーを盛り上げていることだと思いますが、ハッカーのはしくれは技術でハロウィーンを盛り上げます。 というわけで、ハロウィーンのパーティーとかで使えるVJツールを作ってみました。 Happy Halloween VJ » http://halloween.ryooopan.com スクリーンショットはこんな感じ。 ブラウザは今のところChromeをサポートしています。（他のブラウザだとうまく動かないかも） マイクをONにすると、周りの音を拾ってきていい感じにエフェクトがかかる感じになっています。 特にパーティー会場でプロジェクターとかで写すといい感じです。 HTML5 + Canvas実装はすべてHTML5で書いてます。 ちなみに画
Thank you for being patient. We are doing some work on the site and will be back shortly.
สล็อต ฝาก ถอน true wallet เว็บ ตรง ทางเรามีเว็บพนันที่ปลอดภัย ป้องกันผลกระทบทั้งทางสุขภาพ จิตใจ และการเงิน รวมถึงการละเมิดข้อมูลส่วนตัว ด้วยระบบป้องกันไวรัสและฟีชชิ่งมั่นคง และให้ความสำคัญกับการประเมินความเสี่ยง! เข้าร่วมทางออนไลน์เล่นพนันอย่างปลอดภัยและสนุกสนานที่มีการตรวจสอบและแก้ไขปัญหาอย่างเข้มงวด! เล่นพนันออนไลน์ได้อย่างปลอดภัยและมั่นคงที่สุดในปัจจุบัน ไม่ควรพลาด! เพราะอย่างเดียวที่คุณจะต้องใ
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開 Motorola Mobilityが今月公開したHTML5オーサリングツール「Ninja」のバージョン0.7は、SVGやCanvas、WebGLなどを用いたHTML5でのアニメーション効果の開発を得意としたオーサリングツールです（それにしてもNinjaという名称は海外で人気がありますね……）。オープンソースソフトウェアとして開発されています。 Ninjaは、同じくMotorola MobilityがリリースしたHTML5対応のフレームワーク「Montage」をベースにしています。Montageは、Adobe Flash/Flexのような形でHTML5のアプリケーション開発ができるようにという意図で開発されたフレームワーク。 Ninjaの画面
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
