[WebAudio API] iOS9で音が歪む、遅い、低い、割れる等の回避方法 - Qiita
WebAudio API で音が歪む 歪んだり歪まなかったりするしよくわかんねー！ ってなってましたが、なんか回避できたので、書いておきます。 再現方法 iOS 9.2.1 iPhone6 Plus イヤホンを挿してない状態で SafariでWebAudioの再生してるページを開いて、Safariを再起動します。 ちなみに、Safariで音を再生するには、touchend等のユーザアクションで音を再生しないといけません。（一回再生すれば、そのAudioContextでは再生できるようになる） あと、なぜか、iOS9からtouchstartがユーザアクションとして判定されなくなりました。 音の再生サンプル 回避の方法 一回音を再生してから、サンプルレートが44100じゃない時に、AudioContextを再度生成することで回避できます。 サンプル http://goo.gl/jWZDwD d
![[WebAudio API] iOS9で音が歪む、遅い、低い、割れる等の回避方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0249098262b0b94dcbebdbefec50449983b0668/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCV2ViQXVkaW8lMjBBUEklNUQlMjBpT1M5JUUzJTgxJUE3JUU5JTlGJUIzJUUzJTgxJThDJUU2JUFEJUFBJUUzJTgyJTgwJUUzJTgwJTgxJUU5JTgxJTg1JUUzJTgxJTg0JUUzJTgwJTgxJUU0JUJEJThFJUUzJTgxJTg0JUUzJTgwJTgxJUU1JTg5JUIyJUUzJTgyJThDJUUzJTgyJThCJUU3JUFEJTg5JUUzJTgxJUFFJUU1JTlCJTlFJUU5JTgxJUJGJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jMjMzOTQ4ODc5ZTczOGI3ZTU2NTViNTk0MDc2OWNiOA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzaW1pcmFhYWEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTY5NTk3MWUxNDAwNGZiOTIyMDJhODc2NDdhZmE3Njc4%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D0e65395ffc0451aa4005b9b38968624f)
Safari 10.0
Safari 10.0The following new features have been added in Safari 10.0. Web APIsIndexedDB SupportSafari’s IndexedDB implementation now fully supports the recommended standard. You may now use the API to store structured data for web applications that work offline or that require large amounts of client-side data caching. Programmatic Cut and Copy SupportUse JavaScript commands to programmatically cu
iPhone Safariで動画をインライン再生する方法 - Qiita
iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編1】を紹介します【2015年4月現在】
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編1】を紹介します【2015年4月現在】 こんにちは、WEBマーケティング部の杉尾です。 今回と次回で、『2015年4月現在、Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編】』を紹介します。 今回はFlexboxのIE10、Safari、iOS Safari、Androidブラウザへの対応実践編の第一回です。 各プロパティの書き方 はじめに ※Flexboxは過去に二度大きな仕様変更がありました。 それぞれを古い順に、『box仕様』、『flexbox仕様』、『flex仕様』（現行）と呼称します。 ※IE10はベンダープレフィックス（-ms-）付きで『flexbox仕様』に対応している唯一のブラウザです。 ※iOS 6.1以前
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編2】を紹介します【2015年4月現在】
【参考ソース】 .foo { display:-webkit-box;/*--- Androidブラウザ用 ---*/ display:-ms-flexbox;/*--- IE10 ---*/ display: -webkit-flex;/*--- safari（PC）用 ---*/ display:flex; -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/ -ms-flex-pack:justify;/*--- IE10 ---*/ -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/ justify-content:space-between; } 【解説】 ２～５行目 Flexboxを作るための指定です。 ６～９行目 左からflexアイテムを並べて余白があれば、そ
ブラウザかWebViewか、どちらで開かれたのかを判別するには - console.lealog();
あると思った？ 残念、そんなものはない！ とはいえそれは"厳密に"やる場合の話で、今現在はなんとか・・なんとか・・・。 これを良しとするかはあなたのココロ次第です。 以下、奮闘記をお送りいたします。 20150813: 更新 ‘fullscreenEnabled’ in documentってすればもしかして(iOSのみ) https://github.com/uupaa/UserAgent.js こういうのもあるらしい 20150422: 更新 まさかのiOSのLINEアプリのWebViewのUAが変わったらしく、FacebookとLINEが判別できるように！ 20150407: 更新 まさかのiOSのTwitterアプリのWebViewのUAが変わったらしく、もうFacebookしか判別できないみたいです・・。 先に結論を書いておくと、現時点でiOSに限ってであればなんとかなります。 た
Mobile Safari、フルスクリーンモード、UIWebView、どれからのアクセスか判別する | Like@Lunatic
apple-mobile-web-app-capableというめmetaタグの値をyesにするとiOS Safariでそのページを「ホーム画面に追加」し、ホーム画面からアクセスした際にページをフルスクリーンモードで開くことができる。 <meta name="apple-mobile-web-app-capable" content="yes" /> 出典：Safari HTML Reference – Supported Meta Tags フルスクリーンモードで開いた場合、navigator.userAgentの値に「Safari」の文字列が現れなくなる。 Moble SafariでのuserAgent（iOS 5.1.1）: userAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/53
iOS8でwindow.close()が効かないバグ (8.1.1で修正済)
window.close()が効かないバグは 2014年11月のiOS 8.1.1アップデートで無事に修正されていました。 以下は、～8.1.0 時点の記事です。 iOS 8.0.x 8.1.0 のSafariでは 開いているタブを閉じるwindow.close()が使用できないバグがあります。 調査してみたところ、どうやら window.close()の使い方がマズイのではなく iOS8のSafariが現時点でこの機能に対応していない旨のやり取りがされていました。 参考： javascript – window.close() doesn't work on iOS 8 GM seed – Stack Overflow （Appleのデベロッパーフォーラムは、アカウントがないと見られないので、とりあえずこちらへリンク） 今できる対応策は 同一ウィンドウ内での遷移で代用できるところは バグ
iPhoneのSafariブラウザにおける、色んな制限 | FINE lab.FINE lab.
カテゴリー スタッフのネタ帳 (37) iPhone/Android (8) iPhone Webコンテンツ (2) iPhone インターフェース (3) iPhone ネイティブアプリ開発 (3) RIA/Ajax/Flash (2) Adobe Air (2) ファイン魂！ (27) 【ファイン魂！】とは？ (1) こんなんできます！ (21) デバッガの独り言 (5) プロジェクト (31) スマートフォン・ゲーム (23) -タイトル＆ビジネス- (5) Fine Shot! (7) RagingGEAR (1) キセキどろっぷ (8) 端末情報 (1) デスクトップアクセサリ (5) ミニメモ電卓 (5) ブログパーツ (1) ハメコミブログパーツ (1) モバイル/PCサイト構築 (1) FINEライブラリ (1) やはり、デスクトップ版Safariにはない制限が色々あります
Mobile Safariで扱うことができる画像のサイズの上限 - memo.yomukaku.net
公開日時: 2011-12-19 19:30 Mobile Safariで画像を表示するアプリケーションや、canvasにdrawImage()で画像を表示するアプリケーションをテストしていると、時折画像が表示されない場合があります。 例えば、上の画像はMobile Safariのcanvasに1787px * 2527pxのPNGをdrawImageで描画しようとした状態ですが、何も表示されていません。デスクトップ用のブラウザーでは問題なく表示れます。 原因はiOSのリソースリミットにありました。 iOSの画像に関する各種の上限値 AppleのSafari Developer LibraryのKnow iOS Resource Limitsの節を見ると、iOSの画像に関する上限値が書かれていました。 iOS Mobile Safariの画像に関するサイズ等に関する制限をまとめると以下の
iOS7におけるMobile Safariの主な変更点
iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏（@firt）がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者／開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」（this is the buggiest Safari version since 1.0）だそうです… UIが大幅に変更、フルスクリーン（に近いサイズ）がデフォルトに Webブラウジングをしている
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ
スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 （ただその分googleで検索しても、遭遇した例など出てきません） mobile safariで閲覧している PCブラウ
はてなブログ | 無料ブログを作成しよう
ゆるソロツー 牛久大仏 セイコーマート 梅雨前最後！と思って のんびりソロツーリングに行ってきました。 ツーリングといってもそんなに走ってないゆるゆる。 梅雨前最後と思いつつ なかなか梅雨が来なかったので 焦って行く必要もなかったかなと思ったけど ツーリング日和な気候でした。 ゆるすぎて書くほど…
Apple、古いバージョンのFlash Playerをブロック
古いバージョンのFlash Playerを使っている場合、Safariに「遮断されたプラグイン」という画面を表示してコンテンツの実行を阻止する。 米Appleは3月1日、Webブラウザ「Safari」に実装しているプラグイン遮断の仕組みを更新し、Adobe Flash Playerの古いバージョンを無効にする措置を講じた。 この措置は最近発覚した脆弱性からユーザーを守ることが目的とされ、Mac OS X 10.6とOS X Lion（10.7）、OS X Mountain Lion（10.8）が対象となる。 古いバージョンのFlash Playerを使っている場合、Safariに「遮断されたプラグイン」という画面を表示してコンテンツの実行を阻止する。その上で「Adobe Flash Playerが古くなっています」と警告し、Flashのダウンロードボタンを表示して最新バージョンへの更新を促
なぜMobile SafariのJavascript エンジンが速くて、UIWebViewのJavaScriptエンジンは速くないの？
Life is like a box of chocolates, you never know what you're gonna get. 私の世界への近道です。 iOS 4.3のアップデートの中に、Mobile SafariにNitroというJavaScript エンジンが搭載されて、パフォーマンスが著しく改善されました。しかし、UIWebViewを使うとき、その効果を感じていない開発者が多くいると思います。 結果的に、John Gruberさん（Daring Fireball, @gruber）さんが非常に素晴らしい分析をしてくれいました。翻訳するのが大変ので、要点を抽出して、ここにリストします。英語が大丈夫な方は元の文書を読んでもらえれば一番良いと思います。 Mobile Safari for iOS 4.3+がJavaScriptのJIT技術を搭載している[JIT@en.Wik
HTML5のWeb Audio APIを使って、電話機で電話をかけられるもの作った (Kanasansoft Web Lab.)
iOS6のSafariにWeb Audio APIが実装されたので、電話機のトーン信号を生成し、一般電話に聞かせて発信できるようなものを作ってみました。 表題のHTML5は広義のHTML5。 電話機から電話機を使って電話できるようになって楽しいです。 iPod touchやWi-Fi版iPadからも電話をかけられるようになって便利です。 Tone Dialer開き、電話番号を入力して下さい。 一般電話の受話器のマイクに、iPhone等のスピーカーを近づけます。 その状態で、「Dial」か電話番号の表示欄をタップして下さい。 Safariが生成したトーン信号を一般電話が認識し電話が発信されます。 ソースはGitHubにもUpしました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Safari 8 でサポートされたAPNG（アニメーションPNG）づくりにFlash Proをおすすめする理由
転送中
http://blog.choilabo.com/20120316/18