ビデオスライドを作成するために、Google TV jquery uiでcarousel.jsを使用しています。「次へ」(右矢印) をクリックすると、アイテムが Ajax 経由で読み込まれ、スライドに追加されます。これは、私のアプリをより速く実行できることを意味します。
1 に答える
空のカルーセルを作成しないように、サムネイルのリストをカルーセルにロードすることをお勧めします。次がクリックされるたびに ajax を使用してビデオ URL を読み込みたい場合は、次の関数を変更して内部に AJAX を組み込む必要があります。
/** * 次のカルーセル アイテムを選択します。* @param {boolean} アイテムを選択後にアクティブにする必要がある場合は true。*/ gtv.jq.Carousel.prototype.selectNext = function(activate) { var carousel = this;
if (this.selectedItem) { var newItem = this.selectedItem .parent() .nextAll('.carousel-item-div') .eq(0) .find('.carousel-item'); if (newItem && newItem.length == 0) { newItem = this.container.find('.carousel-item').first(); } this.selectItem(this.selectedItem, newItem, function() { carousel.updateSelectionClasses(newItem); if (アクティブ化) { carousel.activateItem(newItem); } }); } };
次のボタンがクリックされるたびに AJAX を使用してビデオ URL をロードするのはあまり意味がないことに注意してください。あまりにも多くの ajax 呼び出しを行うことになります。AJAX を使用してカルーセルを埋めるために、カテゴリ全体のビデオ URL を動的にロードすることをお勧めします。
たとえば、元の Google TV テンプレートでは AJAX を使用してビデオ ソースをロードしませんでしたが、この拡張された Google TV テンプレートでは AJAX ロードが追加されました。
https://developers.google.com/tv/web/docs/ajax_gtv_templates_tutorial
そこでどのように行われたかを確認してください。