Internet Explorer 10の新しいプレビューのHTML5ビデオ、CORS、FileAPI Writerおよびその他の新しいアイテムの字幕

メイン



昨日 Internet Explorer 10の新しいプレビューバージョンが導入され 、開発者はかなりの数の新機能を追加しました。 それらの中には:

さらに、デベロッパーセンターが更新され、いくつかの新しい機能デモが作成され、Web標準を実装するための100以上の新しい品質テストが追加されました。 これについては以下で説明します。



いつものように、 http://ie.microsoft.com/testdrive/からInternet Explorerの新しいプレビューバージョンをダウンロードできます (新しいプレビューはWindows 8 Developer Previewにインストールできます)。 デモ、テスト、技術情報、便利なリンクがあります。 ロシア語を話す開発者は、MSDNの特別なセクションの恩恵を受けるでしょう。 さらに、Internet Explorer 10(更新待ち)に実装されているすべての新しいWeb標準について、 ローカライズされたガイドを利用できます



HTML5ビデオでの字幕サポート



したがって、HTML5 Videoを字幕とともに使用する場合、IE10 PP4では、リンクの特別な定義またはキャプションファイルへのリンクを使用してこれを行うことができます。



<video controls autoplay loop src='movie.mp4'> <track kind='subtitles' srclang='en' label='English'src='captions.vtt' default > <track kind='subtitles' srclang='de' label='German' src='de-captions.vtt'> </video>
      
      





Internet Explorer 10は、HTML5ビデオにオーバーレイできる2つのTTMLおよびWebVTT字幕形式サポートしていることをお知らせします。 その結果、ビデオプレーヤーの次の表現が得られます。



画像



プレーヤーの特別なボタンを使用して、字幕を制御できます。字幕をオフにするか、特定の言語を選択します。 新しい機能を実証するために、デモIE10 Video Captioningの特別ページにようこそ。 デモ字幕の場合、ブラウザはHTML5 <track>要素をサポートする必要があります。



CORSサポート



クロスオリジンリソース共有のサポートとXHRサポートの改善により、Internet Explorer 10はWeb標準に基づいて安全なクロスドメインデータ交換を実装できます。 これらの機能は、IE10で実装されたCORS、XMLHttpRequest、Progress Events、 Progress Control、 File API Web標準の束を使用して、検証とクライアント側の制限付きでサーバーへの大きなファイルのバッチアップロードを実装する機能的なクロスサイトアップロードデモによって最もよく実証されます。



demo2



自分で試してみてください。



FileAPI WriterおよびJavaScript型付き配列のサポート



Internet Explorer 10は、最初のバージョンからFileAPI標準の一部をサポートしています。 新しいプレビューでは、 FileAPI Writer標準の一部のサポートが追加され、ブラウザで直接大きなバイナリデータ(blob、ファイル)を操作できるようになりました。



この種のデータを使用した便利な作業は、新しいプレビューで追加されたJavaScript型付き配列仕様のサポートによっても促進されます



これらの標準から開発者が受け取る新機能を実証するために、XHR2、JavaScript Typed Arrays、File API Writerなど、多くの新しいテクノロジーを同時に使用する優れた機能デモが作成されました。 バイナリファイルインスペクターデモでは、ブラウザをバイナリファイルのインスペクターとして使用できます:BLOB、画像、ビデオ(スクリーンショットの例)。



demo6



デモを自分で試してください 。機能するにはIE 10以上、Chrome 12以上、Firefox 7以上のブラウザが必要です。



別のデモでは、小さな音楽音楽エディターの例を使用して、ブラウザーでblobオブジェクトを操作する方法を示します。



demo1



CSSユーザー選択サポート



CSSプロパティ-ms-user-selectを使用すると、開発者は、ユーザーが選択できる、または選択できないページ上のブロックを制限または明示的に指定できます。 たとえば、以下のCSSルールでは、ユーザーが.comment要素を選択できるが、ブログのコンテンツは選択できないと記載されています。



 .comment { -ms-user-select:element; -moz-user-select:text; -webkit-user-select:text; } #blog { -ms-user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; }
      
      





これらのプロパティの操作を実演するには、 ユーザー選択機能のデモをご覧ください 。これは、コード例を使用して新しい機能の例を提供します。



demo5



高度なヒットテストAPI



高度なヒットテストAPIの別のデモでは、新しいmsElement s FromPoint()およびmsElement sFromRect () API 操作方法を示します 。これにより、ブラウザでオブジェクトとその選択を簡単に操作できます。 写真の例では、1つまたは複数のオブジェクトを選択して操作する方法についてのアイデアが示されています。軸を中心に回転、移動、拡大縮小します。



demo3



Web標準の実装の品質に関する新しいテスト



明らかに、Web標準に対する要求されたサポートは、このサポートの品質が異なる場合があります。 したがって、これらまたはこれらのWeb標準がブラウザにどの程度実装されているかを理解することが重要です。 このため、Internet Explorerのすべての革新の後、ブラウザ開発者は新しい標準の実装の品質のためのテストスイートを作成します。



新しいInternet Explorer 10 PP4プレビューのリリースにより、開発者は、 HTML5 <track> supportなど、ブラウザーに追加された新機能を対象とする110を超える新しいテストを提案しています。



テスト2



現在までに、 IE Testing Centerの Webサイトでは、約8,000種類のテストがすでに利用可能です。 標準サポートの特定の側面については、誰でもブラウザをテストできます。



開発者センターとドキュメントの更新



新しいInternet Explorer 10プレビューのリリースに伴い、 IE開発者ガイドの外観が更新されました。 現在、すべての資料はトピックごとにグループ化されています。 このセンターには、Internet Explorerに実装されているすべての革新と標準に関する完全な情報が含まれています。



ロシア語を話す開発者は、MSDNの特別なセクションが役立つことを思い出してください。 さらに、Internet Explorer 10(更新待ち)に実装されているすべての新しいWeb標準について、 ローカライズされたガイドを利用できます



All Articles