{"id":52039,"date":"2021-08-26T23:01:01","date_gmt":"2021-08-26T23:01:01","guid":{"rendered":"https:\/\/barrycarlyon.co.uk\/wordpress\/?p=52039"},"modified":"2021-08-26T23:04:42","modified_gmt":"2021-08-26T23:04:42","slug":"latest-twitch-extension-release-igdb-com-game-information","status":"publish","type":"post","link":"https:\/\/barrycarlyon.co.uk\/wordpress\/2021\/08\/26\/latest-twitch-extension-release-igdb-com-game-information\/","title":{"rendered":"Latest Twitch Extension Release: IGDB.com Game Information"},"content":{"rendered":"\n<p>This will be the first post in a two\/three parter on <a rel=\"noreferrer noopener\" href=\"https:\/\/www.twitch.tv\/ext\/es7m79v91nz4xxhzljdl3rpg9m1iuz\" target=\"_blank\">this extension<\/a> since it also serves as a good example on how to utilise a number of Twitch and IGDB products\/API&#8217;s to achieve the end solution! But today just an announcement post!<\/p>\n\n\n\n<p>One of the features of the <a rel=\"noreferrer noopener\" href=\"https:\/\/dashboard.twitch.tv\/extensions\/ca2np9xlw9bx7vlppwn8ekwz9ws0io\" data-type=\"URL\" data-id=\"https:\/\/dashboard.twitch.tv\/extensions\/ca2np9xlw9bx7vlppwn8ekwz9ws0io\" target=\"_blank\">Dropped Frames Extension<\/a>, that is used during <a rel=\"noreferrer noopener\" href=\"https:\/\/droppedfram.es\/\" data-type=\"URL\" data-id=\"https:\/\/droppedfram.es\/\" target=\"_blank\">Dropped Frames<\/a> on <a rel=\"noreferrer noopener\" href=\"https:\/\/twitch.tv\/itmejp\" target=\"_blank\">itmeJP&#8217;s channel on Wednesday&#8217;s<\/a>, is that I&#8217;ll push a Game Information box to the extension that shows information about the game the panel is talking about. That information box will collect information from the <a rel=\"noreferrer noopener\" href=\"https:\/\/api-docs.igdb.com\/\" target=\"_blank\">IGDB.com API<\/a> and then present that information to the viewer. Heres a quick example screenshot for Mind Scanners:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"390\" src=\"https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?resize=840%2C390&#038;ssl=1\" alt=\"\" class=\"wp-image-52041\" srcset=\"https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?resize=1024%2C475&amp;ssl=1 1024w, https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?resize=300%2C139&amp;ssl=1 300w, https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?resize=768%2C356&amp;ssl=1 768w, https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?resize=1536%2C712&amp;ssl=1 1536w, https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?resize=1200%2C556&amp;ssl=1 1200w, https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?w=1866&amp;ssl=1 1866w, https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/image-1.png?w=1680&amp;ssl=1 1680w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption>Dropped Frames example of the IGDB.com information widget<\/figcaption><\/figure>\n\n\n\n<p>You can see on the left the &#8220;box&#8221; with the cover art appears on the left over the Game name that is baked into the overlay and on user mouse over of the box the game information box is then displayed. Title, brief synopsis, cover art and store information are presented.<\/p>\n\n\n\n<p>When I showed this off in the IGDB discord (prior to E3), I was asked, if this was a publicly available thing, and I replied, sorta but not really. Which then led me to go and create a seperate extension for anyone to use, during a smidge of down time I had recently!<\/p>\n\n\n\n<p>So I present the IGDB.com Game Information Extension!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/twitch.extensions.barrycarlyon.co.uk\/igdb\/screenshots\/screenshot_1.png?w=840&#038;ssl=1\" alt=\"\"\/><figcaption>The first IGDB.com Game Information Extension screenshot<\/figcaption><\/figure>\n\n\n\n<p>It is availble to both Twitch Mobile and Desktop users. On Desktop both Component and Panel are supported. I usually recommend the Component slot as it saves users having to scroll down, and it&#8217;s auto collapsed out of the way until a user clicks on the [IGDB] taskbar icon. And generally speaking most streamers have the Component slots free anyway. ITS FREE REAL ESTATE MAN!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/twitch.extensions.barrycarlyon.co.uk\/igdb\/screenshots\/screenshot_2.png?w=840&#038;ssl=1\" alt=\"\"\/><figcaption>The three views of the Extension. Information, Screenshots, Stores and Platforms.<\/figcaption><\/figure>\n\n\n\n<p>Via the power of Twitch EventSub, it will even automatically self refresh if you change games during a stream and will gracefully fail back if you pick a game that is not on IGDB.com or a category that is not a game, such as Special Events or Just Chatting, it&#8217;ll just show the Twitch Box art\/title instead. <\/p>\n\n\n\n<p>Streamers will just need to link their Twitch accounts via the Extensions Configuration view, or the Extension Mini site, to enable auto updating!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/twitch.extensions.barrycarlyon.co.uk\/igdb\/screenshots\/screenshot_4.png?w=840&#038;ssl=1\" alt=\"\"\/><figcaption>Examples using Microsoft Flight Simulator, Elite Dangerous and the non game category Just Chatting.<\/figcaption><\/figure>\n\n\n\n<p>To checkout the extension, or to see live streamers running the Extension, and to see the install instructions pop over to the mini site for the extension over at <a rel=\"noreferrer noopener\" href=\"https:\/\/twitch.extensions.barrycarlyon.co.uk\/igdb\/\" data-type=\"URL\" data-id=\"https:\/\/twitch.extensions.barrycarlyon.co.uk\/igdb\/\" target=\"_blank\">twitch.extensions.barrycarlyon.co.uk\/igdb\/<\/a> or visit the extension directly on <a rel=\"noreferrer noopener\" href=\"https:\/\/www.twitch.tv\/ext\/es7m79v91nz4xxhzljdl3rpg9m1iuz\" target=\"_blank\">Twitch<\/a>.<\/p>\n\n\n\n<p>The beauty of <a rel=\"noreferrer noopener\" href=\"https:\/\/www.igdb.com\/\" data-type=\"URL\" data-id=\"https:\/\/www.igdb.com\/\" target=\"_blank\">IGDB.com<\/a> is that it POWERS Twitch&#8217;s categories and being crowd sourced, if the information is wrong, outdated or missing, anyone can submit a fix or change and await an IGDB Admin to accept the change.<\/p>\n\n\n\n<p>I also wrote about the Extension over on the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.reddit.com\/r\/Twitch\/comments\/oz4mfe\/new_extension_release_igdbcom_game_information\/\" data-type=\"URL\" data-id=\"https:\/\/www.reddit.com\/r\/Twitch\/comments\/oz4mfe\/new_extension_release_igdbcom_game_information\/\" target=\"_blank\">Twitch Reddit<\/a> and on my <a rel=\"noreferrer noopener\" href=\"https:\/\/twitter.com\/BarryCarlyonExt\/status\/1423015959460302853?s=20\" data-type=\"URL\" data-id=\"https:\/\/twitter.com\/BarryCarlyonExt\/status\/1423015959460302853?s=20\" target=\"_blank\">Twitch Extensions Twitter<\/a>, so feel free to spead the word!<\/p>\n\n\n\n<p>And as a final note: this is a third party Extension not affiliated with IGDB.com, I just got permission to use their brand assets!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This will be the first post in a two\/three parter on this extension since it also serves as a good example on how to utilise a number of Twitch and IGDB products\/API&#8217;s to achieve the end solution! But today just an announcement post! One of the features of the Dropped Frames Extension, that is used &hellip; <a href=\"https:\/\/barrycarlyon.co.uk\/wordpress\/2021\/08\/26\/latest-twitch-extension-release-igdb-com-game-information\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Latest Twitch Extension Release: IGDB.com Game Information&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":52053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[88,351,45,312],"tags":[210,352,377,378,345,354],"class_list":["post-52039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-geekery","category-extensions","category-geekery","category-twitch","tag-api","tag-extensions","tag-igdb","tag-igdb-com","tag-twitch-api","tag-twitch-extensions"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/barrycarlyon.co.uk\/wordpress\/wp-content\/uploads\/2021\/08\/discovery9426212e-50c9-4bd3-8872-d3eea1c4c57d.png?fit=300%2C200&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/52039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=52039"}],"version-history":[{"count":9,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/52039\/revisions"}],"predecessor-version":[{"id":52052,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/posts\/52039\/revisions\/52052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/media\/52053"}],"wp:attachment":[{"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=52039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=52039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/barrycarlyon.co.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=52039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}