Остановка шаблона Google TV из рандомизации идентификаторов эскизов

Question

Я пытаюсь создать веб-страницу, использующую HTML5 шаблон Google TV 2, который можно найти по адресу https://developers.google.com/tv/web/docs/gtv-templates#template2. Я теряюсь, потому что шаблон рандомизирует идентификаторы эскизов (по какой-то нечетной причине).

У меня есть 11 видеороликов, и я хочу связать каждое видео с конкретным миниатюром. Какие-либо предложения?

Адрес http://pastebin.com/L2U54DPZ - это «dataprovider.js», который поддерживает шаблон. Буду признателен за любую оказанную помощь. Thanks

Answer 1

On line 46 change: var num = getRandom (15); - var num = small;

On line 168 изменить: var videoInfo = sources [getRandom (sources.length)]; - var videoInfo = sources [j];

В строке 170 изменение:

thumb: 'images/thumbs/thumb' + getThumbId() + '.jpg', 

к большой палец: 'картинки/пальцы/палец' + getThumbId (к) + '.jpg',

Answer 2

Имейте в виду, что примеры Google являются для иллюстрации функциональности. Я подозреваю, что это случайный случай. Они просто генерируют некоторые данные для примера.

Я изменил dataprovider.js, чтобы быть более понятным и иметь больше контроля.

Вот что измененная версия выглядит следующим образом:

var gtv = gtv || { 
    jq: {} 
}; 

/** 
* DataProvider class. Defines a provider for all data (Categories, Images & Videos) shown in the template. 
*/ 
gtv.jq.DataProvider = function() { 
}; 

/** 
* Returns all data shown in the template.. 
* @return {object} with the following structure: 
* - categories -> [category1, category2, ..., categoryN]. 
* - category -> {name, videos}. 
* - videos -> {thumb, title, subtitle, description, sources} 
* - sources -> [source1, source2, ..., sourceN] 
* - source -> string with the url | {src, type, codecs} 
*/ 
gtv.jq.DataProvider.prototype.getData = function() { 
    var event_videos = [ 
    { 
     sources: ['http://commondatastorage.googleapis.com/gtv_template_assets/IO2010-Keynote-day1.mp4'], 
     title: '2010 Day 1 Keynote', 
     thumb: 'images/thumbs/thumb01.jpg', 
     description: ['With Vic Gundotra'], 
     subtitle: 'Moscone Center' 
    }, 
    { 
     sources:['http://commondatastorage.googleapis.com/gtv_template_assets/IO2010-Keynote-day2-android.mp4'], 
     title: '2010 Day 2 Keynote', 
     thumb: 'images/thumbs/thumb02.jpg', 
     description: ['Spider - what spider?'], 
     subtitle: 'Moscone Center' 
    } 
]; 

var buck_videos = [ 
    { 
     sources:['http://bffmedia.com/trailer_400p.ogg'], 
     title: 'Big Buck 400p Video Trailer', 
     thumb: 'http://www.bffmedia.com/buck1.png', 
     description: ['Common Creative Project Movie'], 
     subtitle: 'Smaller Version' 
    }, 
    { 
     sources:['http://bffmedia.com/trailer_1080p.ogg'], 
     title: 'Big Buck 1080p Video Trailer', 
     thumb: 'http://www.bffmedia.com/buck2.png', 
     description:['Common Creative Project Movie'], 
     subtitle: 'Big Buck is a Rabbit' 
    } 
]; 



var data = { 
    categories: [ 
    { 
     name: 'Dev Events', 
     videos: event_videos 
    }, 
    { 
     name: 'Big Buck', 
     videos: buck_videos 
    } 
    ] 
}; 
    return data; 
};