WebViewでHtml5のvideoタグを使ったときにはまったこと【Android】 - Kuwapp's Blog
動画関連のアプリを開発しているのですが、開発中にいくつかはまったので記事にします。 動作確認端末はNexus5でOSはAndroid5.1です。 他の端末やバージョンでは試していないのでどうなるか不明・・です。 もし情報あれば教えていただけると助かります。 autoplay属性を指定しても自動で再生されない 次のようにautoplay属性を指定しても自動で動画が再生されませんでした。 <video src="xxxx.mp4" width="320" height="240" autoplay controls></video> 対策としてloadstart時にplayを呼び出して再生するようにしました。 <video src="xxxx.mp4" width="320" height="240" autoplay controls></video> <script> var video
スマホで音声再生をスムーズに行うためにオーディオスプライトを作成/使用する - Qiita
iPhoneやAndroidで音声を再生しようとするとき、ブラウザの仕様上の制約から色々と壁にぶちあたります。 壁たち ユーザのアクションでしかロードできない 同時に一つの音しかならせない ※iOS6のSafariとAndroidの一部機種のChromeでは同時に2つ再生できる) ファイルを最後まで読み込んでくれない 発生するイベントがOSやブラウザによってバラバラ 再生できるコーデックがバラバラ 他にも細かい制約やブラウザごとの仕様の違いでオーディオの扱いは相当な苦労を強いられます。 参考: iPhoneでHTML5のaudio要素を使うときに気をつけたいこと iOS における HTML5 の audio 要素に関する制約を克服する 地獄のvideo／audio要素 iOS/Android で HTML5 の audio/video を任意のタイミングで再生する方法 単純な再生なら「Au
msto.jp - it転職 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Takazudolog - 地獄のvideo／audio要素
video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
プログレスバー.js - JavaScript ライブラリー - HTML5.JP
上記タグは次の点に注意してください。 必ずdiv要素を用意してください。divではない要素ではブログレスバーは表示されません。 id属性は必須です。id属性値をセットしてください。 HTMLのhead要素内に、次のJavaScriptコードを記述してください。 <script type="text/javascript" src="../html5jp/progress.js"></script> <script type="text/javascript"> window.onload = function() { var p = { to: 50 }; var o = new html5jp.progress("sample1", p); o.draw(); }; </script> このサンプルは、html5jpフォルダが一階層上に存在しているものとしてscript要素のsrc属性を
「さようならHTML5」アメリカ人と日本人の標準化に差を感じる【村上福之】 - エンジニアtype | 転職type
日々流れてゆく膨大な情報量の中からおいしいネタを敏感に察知し、ネット界隈を賑わせてくれるWeb業界の異端児・村上福之氏。同氏独自の経験と価値観から、「キャラ立ちエンジニア」の思考回路を紐解いていく。 株式会社クレイジーワークス 代表取締役 総裁 村上福之（@fukuyuki） ケータイを中心としたソリューションとシステム開発会社を運営。歯に衣着せぬ物言いで、インターネットというバーチャル空間で注目を集める。時々、マジなのかネタなのかが紙一重な発言でネットの住民たちを驚かせてくれるプログラマーだ HTML5は巨神兵。「……腐ってやがる。早過ぎたんだ」 今さら、「これからはHTML5だ！」と言っている人はもう、カッコ悪いかもしれません。 「ロングブレスダイエット」全盛の今に、「朝バナナダイエット」の素晴らしさを語るくらいカッコ悪いです。 FacebookのザッカーバーグCEO、「HTML5に賭
Webアプリをいまどきの手法で爆速開発した — KaoriYa
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
「HTML5かネイティブか」という議論が本当の課題から目を逸らさせている | readwrite.jp
HTML5かネイティブか。辛辣な意見が毎日のように飛び交っている。両者とも自分の正当性を証明するデータを持ち、議論のための理論武装もできている。この対立は当分続きそうだが、実はこの議論の中に、モバイル・アプリケーションについて企業が直面している本当の問題が埋もれてしまっている。モバイルに適したバックエンド・アーキテクチャーを持っているだろうか？ビジネス分析は正く行えているだろうか？企業やブランドや開発者たちは、アプリがどのコードで書かれるべきかを議論する前にそれらの準備を整える必要があるのだ。 HTML5かネイティブか？実はその質問自体が間違っている モバイルの議論でよくフォーカスされるのは、爆発的に成長するデバイスとオペレーティング・システムに対し、優秀なアプリをどのようにマルチプラットフォームで展開させるか、という点だ。これが最近の、HTML5派とそれに対抗するネイティブ派による一連の
本当は怖い HTML5 Canvas の Retina対応 - Qiita
<canvas id="sample_canvas" width="640" height="800" style="width: 320px; height: 400px"></canvas> これで、Retinaディスプレイできれいに表示できる。 しかし、このままでは以下のような問題が起きちゃう。 2倍のサイズのCanvasに描画を行うため、処理が重くなる そのため 一部のAndroid端末にて、ブラウザが落ちる、端末が発熱する 一部のAndroid端末にて、Canvas要素のstyle属性を動的に変更するとブラウザが落ちる そこで、Retina以外の端末向けに、処理の切り分けが必要になる。 Canvas要素は実際のサイズ。Canvas上の座標系をあわせるために、 Canvasのscaleを0.5にする。
Watch Free Doggystyle Porn Videos and Sex Clips
Doggystyle Porn will intrigue you with piquant bed scenes with the hottest beauties all over the world, who love a hardcore sex or domination. Loving babes kneel down in front of an excited boyfriend and willingly surprise him with a royal blowjob technique, actively shaking their heads. They stand on all fours and have to obey a temperamental sex partner during a rough sex in a doggy-style pose,
光から移動まで、すべてCSSで作る光るアニメーション
ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し
第1回 クラウドとリアルタイムWeb | gihyo.jp
近年、HTML5やJavaScriptを活用したWebアプリケーションが増えるのと同時に、今まではネイティブなアプリケーションが常識であったデスクトップアプリケーションにもHTML5の波がやってきました。 具体的な例としてはWindows 8で追加されたWindowsストア アプリでは、HTML5とJavaScriptを利用したアプリケーションの開発がサポートされています。 HTML5で開発できる領域は広がっていますが、切っても切れない関係なのがサーバとの通信です。そして、その通信を見ていくと、最近ではユーザが能動的に情報を取りに行くスタイルではなく、FacebookやTwitterに見られるようなサービス提供側から情報がリアルタイムで配信されるスタイルが増えつつあります。 図1 Facebookメッセンジャーの入力中表示 これらのリアルタイム通信はサーバとの接続を常時行っておく必要がある
WEB制作のIE対策いろいろ チートシートやHTML5/CSS3対応方法など | DECONCEPTER
かわいいあいつIEとの付き合い Internet Explorer 通称 IEはかわいいやつである。私の心を掴んで離さない。IEについて言及すれば火が燃え上がる、存在が燃えている最強の火種だ。 なぜこんなにIEはかわいいのか。テーブルタグでウェブサイトをレイアウトする時代からCSSでレイアウトする時代へ移行する際はIE5/IE5.5/IE6/Mac IE5.2でどうしたら同じレイアウトを実現できるかを苦悩させてくれた強敵（とも）だった。 昨今のHTML5バンザイWEB制作においては、最新機能を使ってWEBサイトを作る上でIEの表示や機能をどうするかという話題が常にモチキリだ。 そんな我々の心を離さないIEの対策をする上で一つ一つ表示を確認しながら作っていたら日がくれて定年を迎えてしまう。IE定年を迎えないためにある程度どういう対応が必要かよくまとまっているサイトを見ていこうと思う。 チート
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
flash変換ツールまとめ（swiffy,CreateJS,ExGame,reel） | ECサイト｜システム開発会社｜スターフィールド
iOSでFlashを搭載しない変わりに代替する技術として、HTML5とJavaScriptによるアニメーション表現が発達してまいりましたが、マルチデバイス対応及びフィーチャーフォン（ガラケー）向けの資産を再利用したいという理由でflashを変換するツールも同時に複数立ち上がっています。 それぞれ案件でこなしながら、flash変換ツールに関して代表的なツール4つのメリット・デメリットをまとめてみました。 非エンジニアの筆者がまとめております点、ご容赦下さい。技術情報については末尾に参考記事を掲載しております。 swiffy（提供：GOOGLE） flaファイル変換系 https://www.google.com/doubleclick/studio/swiffy/ メリット 再現率が高い デメリット 出力したソースが複雑（minifyされている）であるため改修は困難。 画像がSVG形式である
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS × Android でハマったこと - Qiita
CreateJS をはじめる人が知っておくとラクなこと - Qiita
_level0 | Kayac Interactive Designer's Blog
http://case-mobile-design.com/flash%E3%82%92html%E5%BD%A2%E5%BC%8F%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%99%E3%82%8B%E3%83%84%E3%83%BC%E3%83%AB6%E9%81%B8/