[READ-ONLY] Mirror of https://github.com/probablykasper/v4.kasper.space. Personal website
v4.kasper.space
personal-website
website
Video section now only fetches one playlist
Previously it combined uploads from my channel with my My Work playlist. Now it's just the My Work playlist.
+11
-18
+11
-18
src/js/global.js
+11
-18
src/js/global.js
···
49
49
'&part=snippet' +
50
50
'&maxResults=' + maxResults +
51
51
'&playlistId='
52
-
var personalURL = url + 'UUy6jcAF6fZGttRvihyQixbA'
53
-
var commissionsURL = url + 'PL84-DNDSU8p5WP6jA7hvOCV9dIKBNjdCS'
54
-
var personal = xhr(null, personalURL, { type: 'GET' })
55
-
var commissions = xhr(null, commissionsURL, { type: 'GET' })
56
-
Promise.all([personal, commissions]).then((results) => {
57
-
console.log('==--==--==--> YouTube Personal + Commissions')
58
-
console.log(results)
59
-
// combine video and commission responses
60
-
var items = results[0].items.concat(results[1].items)
61
-
items.sort(function (a, b) {
62
-
var dateA = new Date(a.snippet.publishedAt)
63
-
var dateB = new Date(b.snippet.publishedAt)
64
-
return dateB - dateA // sort by date ascending
65
-
})
66
-
items = items.splice(0, maxResults)
52
+
var myWork = xhr(null, url + 'PL84-DNDSU8p5WP6jA7hvOCV9dIKBNjdCS', { type: 'GET' })
53
+
myWork.then((result) => {
54
+
console.log('==--==--==--> YouTube Video')
55
+
console.log(result)
56
+
var items = result.items
67
57
for (var i = 0; i < items.length; i++) {
68
58
var url = items[i].snippet.resourceId.videoId
69
-
var img = items[i].snippet.thumbnails.high.url
70
-
var title = items[i].snippet.title
59
+
// var img = items[i].snippet.thumbnails.high.url
60
+
var img = items[i].snippet.thumbnails.standard.url
61
+
// var img = items[i].snippet.thumbnails.maxres.url
71
62
var item = document.querySelector('section.video .thumbnails a.item:nth-child(' + (i + 1) + ')')
72
63
item.setAttribute('href', 'https://www.youtube.com/watch?v=' + url)
73
64
item.querySelector('img').setAttribute('src', img)
65
+
item.title = items[i].snippet.title // hover title
74
66
}
75
67
document.querySelector('section.video').classList.remove('hidden')
76
68
}, (err) => {
···
95
87
for (var i = 0; i < items.length; i++) {
96
88
var url = items[i].snippet.resourceId.videoId
97
89
var img = items[i].snippet.thumbnails.high.url
98
-
var title = items[i].snippet.title
99
90
var item = document.querySelector('section.synctan .thumbnails .item:nth-child(' + (i + 1) + ')')
100
91
item.setAttribute('href', 'https://www.youtube.com/watch?v=' + url)
101
92
item.querySelector('img').setAttribute('src', img)
93
+
item.title = items[i].snippet.title // hover title
102
94
}
103
95
document.querySelector('section.synctan').classList.remove('hidden')
104
96
}, (err) => {
···
125
117
var item = document.querySelector('section.lacuna .thumbnails .item:nth-child(' + (i + 1) + ')')
126
118
item.setAttribute('href', url)
127
119
item.querySelector('img').setAttribute('src', img)
120
+
item.title = tracks[i].title // hover title
128
121
}
129
122
document.querySelector('section.lacuna').classList.remove('hidden')
130
123
}, (err) => {