2016-04-24 19 views
2

HTML5ビデオプレーヤーhttp://html5-ninja.com/preview/index/5を使用しており、ISMマニフェストはhttp://playready.directtaps.net/smoothstreaming/から取得しています。HTML5とJavaScriptを使用して動画の品質を変更する

<StreamIndex Type="video" Name="video" Chunks="61" QualityLevels="8" MaxWidth="1280" MaxHeight="720" DisplayWidth="1280" DisplayHeight="720" Url="QualityLevels({bitrate})/Fragments(video={start time})"> 
<QualityLevel Index="0" Bitrate="2962000" FourCC="H264" MaxWidth="1280" MaxHeight="720" CodecPrivateData="000000016764001FAC2CA5014016EFFC100010014808080A000007D200017700C100005A648000B4C9FE31C6080002D3240005A64FF18E1DA12251600000000168E9093525"/> 
<QualityLevel Index="1" Bitrate="2056000" FourCC="H264" MaxWidth="992" MaxHeight="560" CodecPrivateData="000000016764001FAC2CA503E047BFF040003FC52020202800001F480005DC03030003EBE8000FAFAFE31C6060007D7D0001F5F5FC6387684894580000000168E9093525"/> 
<QualityLevel Index="2" Bitrate="1427000" FourCC="H264" MaxWidth="768" MaxHeight="432" CodecPrivateData="000000016764001EAC2CA50300DEFFC100010014808080A000007D200017700C0C000AE300002B8C7F8C718180015C600005718FF18E1DA12251600000000168E9093525"/> 
<QualityLevel Index="3" Bitrate="991000" FourCC="H264" MaxWidth="592" MaxHeight="332" CodecPrivateData="0000000167640015AC2CA50250AFEFFF03FD0400520C0C0C800001F480005DC030200078F80003C7C7F8C71810003C7C0001E3E3FC6387684894580000000168E9093525"/> 
<QualityLevel Index="4" Bitrate="688000" FourCC="H264" MaxWidth="448" MaxHeight="252" CodecPrivateData="0000000167640015AC2CA507021FBFFC1000100148303032000007D200017700C080014FF0000A7F8FE31C604000A7F800053FC7F18E1DA12251600000000168E9093525"/> 
<QualityLevel Index="5" Bitrate="477000" FourCC="H264" MaxWidth="368" MaxHeight="208" CodecPrivateData="000000016764000DAC2CA505C6EFFC10000FED48303032000007D200017700C04003A3A0003A3A7F8C718080074740007474FF18E1DA1225160000000168E9093525"/> 
<QualityLevel Index="6" Bitrate="331000" FourCC="H264" MaxWidth="284" MaxHeight="160" CodecPrivateData="000000016764000DAC2CA504857BFFF040003FE520C0C0C800001F480005DC0301000A198000A19FFE31C6020014330001433FFC6387684894580000000168E9093525"/> 
<QualityLevel Index="7" Bitrate="230000" FourCC="H264" MaxWidth="224" MaxHeight="128" CodecPrivateData="000000016764000DAC2CA50E11BFF040003F0520C0C0C800001F480005DC0300001C1200038273F8C7180000E090001C139FC63876848945800000000168E9093525"/> 

がどのように私はJavaScriptを使用して再生したビデオの品質を変更することができます。マニフェストファイル内 品質レベルがありますか?私はこれをどうやって行うのか分かりません。私は、品質の変化の実際の例についても満足しています。

+0

このブートストラップビデオプレーヤーがスムーズなストリーミングをサポートしていることをお確かめください。プログレッシブダウンロードとストリーミングプレイヤーのような私には思われる。 – incBrain

+0

は、スマートなスマートテレビでテストされ、うまく動作します。 –

+0

正確に何をテストしましたか? – incBrain

答えて

0

https://www.h3xed.com/web-and-internet/how-youtube-determines-what-video-quality-to-playによれば、少なくともYouTubeでは、画面上のビデオサイズとソースへの接続の品質を考慮して、品質が自動的に選択されます。

+0

私は理解していない、この質問はどのようにYouTubeに関連していますか?あなたはこのブートストラップビデオプレーヤーを使用していますか? )) – incBrain

+0

これは役に立つかもしれない、ありがとう! –

0

アダプティブビットレートストリーミングの仕組みは、サーバーがマニフェストに複数の異なるビットレートストリームを提供し、クライアントが現在のネットワーク条件とデバイスの機能に基づいて最高のものを選択することです。

重要な点は、ビットレートを選択するのはクライアントだということです。

一部のクライアントでは、これを手動で無効にすることができます(たとえば、動画を見ながら設定ボタンの下にあるYouTube)。

あなたがリンクしているプレーヤーには、Javascript経由でビットレートを選択するオプションが表示されていません。

あなたはdashjsプレーヤー(http://cdn.dashjs.org/latest/jsdoc/index.html)を見てみる場合は、(http://cdn.dashjs.org/latest/jsdoc/module-MediaPlayer.htmlで)例えば、それはあなたがビットレートの切り替えを制御できるようにいくつかのメソッドを持って見ることができますに:

  • setMaxAllowedBitrateFor(タイプ、値)

あなたのニーズを満たしているかどうかを確認するには、この問題を回避することが有効でしょう。

+0

DASHは平滑化処理ではありません。あるいは、DASH JSもそれをサポートしていますか? – incBrain

+0

スムーズなストリーミングをサポートするDashJSの拡張プロジェクトがあります:https://github.com/Orange-OpenSource/hasplayer.js。実際にはPlayReady DRMだけの場合は、DASH規格がCENC(http://www.w3.org/TR/2014/WD-encrypted-media-20140828/)を介してPlayReady DRMをサポートできるという点に留意する必要があります。 cenc-format.html)。 – Mick

関連する問題