| 64 | } |
| 65 | |
| 66 | function getAverageRGBFromUrl(url) { |
| 67 | return new Promise((resolve, reject) => { |
| 68 | let img = new Image(); |
| 69 | img.src = url; |
| 70 | img.onload = () => { |
| 71 | let rgb = getAverageRGB(img); |
| 72 | resolve(rgb); |
| 73 | }; |
| 74 | img.onerror = (error) => { |
| 75 | alert("Error: " + JSON.stringify(error)); |
| 76 | console.log(error); |
| 77 | reject(); |
| 78 | }; |
| 79 | }); |
| 80 | } |
| 81 | |
| 82 | getAverageRGBFromUrl( |
| 83 | "https://scontent.fsgn2-7.fna.fbcdn.net/v/t39.30808-1/352545274_2285354618338828_3224207586206963955_n.jpg?stp=dst-jpg_p480x480&ccb=1-7&_nc_sid=0ecb9b&_nc_ohc=7D3Usqt8u2UQ7kNvgEeWxht&_nc_ht=scontent.fsgn2-7.fna&oh=00_AYAeunf-6BuCakj2L59wVi8mNA5QuGlLuVQ6eROL5UKC8A&oe=668D93B9" |