2012-01-27 26 views
0

我试图设置使用HTML5 Google TV模板2的网页,该网页可以在https://developers.google.com/tv/web/docs/gtv-templates#template2处找到。我在迷路,因为模板随机化了缩略图ID(出于某种奇怪的原因)。从随机化缩略图ID中停止Google TV模板

我有11个视频,我想将每个视频绑定到特定的缩略图。有什么建议么?

http://pastebin.com/L2U54DPZ是为模板提供动力的“dataprovider.js”。任何帮助深表感谢。谢谢

回答

1

在线46更改: var num = getRandom(15); 至 var num = small;

在线168更改: var videoInfo = sources [getRandom(sources.length)]; 至 var videoInfo = sources [j];

线170变化:

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

到 大拇指: '图像/拇指/拇指' + getThumbId(J)+名为.jpg,

+0

不幸的是,没有工作。它停止加载所有的缩略图和视频 – ace973 2012-01-29 04:16:44

+0

如果现在还没有修复,我会要求某人修复库中的代码。 – 2012-01-31 01:37:48

+0

谢谢Les,工作。 Justa快速提示其他人:如果您有不同数量的视频,则必须调整第167行。由于我有11个视频,我将它改为(var j = 0; j <11; j ++) – ace973 2012-01-31 07:12:27

0

请记住,谷歌的例子是来说明功能。 我怀疑这是随机进入的地方。它们只是为示例生成一些数据。

我更改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; 
};