// initialize jwplayer var playerInstance = jwplayer('player');// player dom elements var playerContainerEl = document.querySelector('.player-container');// returns video player position from top of document function getElementOffsetTop(el) { var boundingClientRect = el.getBoundingClientRect(); var bodyEl = document.body; var docEl = document.documentElement; var scrollTop = window.pageYOffset || docEl.scrollTop || bodyEl.scrollTop; var clientTop = docEl.clientTop || bodyEl.clientTop || 0; return Math.round(boundingClientRect.top + scrollTop - clientTop); }// returns the current y scroll position function getScrollTop() { var docEl = document.documentElement; return (window.pageYOffset || docEl.scrollTop) - (docEl.clientTop || 0); }// configure jwplayer instance playerInstance.setup({ autostart: true, playlist: 'https://cdn.jwplayer.com/v2/playlists/mYdavspX', primary: 'html5', setFullscreen: true, width: '100%' });// when jwplayer instance is ready playerInstance.on('ready', function() { var config = playerInstance.getConfig(); var utils = playerInstance.utils; // get height of player element var playerHeight = config.containerHeight; // flag determining whether close has been clicked var closed = true; // CHANGED // flag determing whether player is playing var playing = false; // ADDED // eventhandler for when close button is being pressed document.getElementsByClassName('icon-close')[0].addEventListener('click', () => { closed = true; onScrollViewHandler(); }); playerInstance.on('play', function() { closed = false; playing = true; // ADDED }).on('pause', function () { playing = false; // ADDED }).on('adPlay', function() { closed = false; // ADDED playing = true; // ADDED }).on('adPause', function() { playing = false; // ADDED });// get player element position from top of document var playerOffsetTop = getElementOffsetTop(playerContainerEl);// set player container to match height of actual video element playerContainerEl.style.height = playerHeight + 'px';// below we handle window scroll event without killing performance function onScrollViewHandler() { var minimized = getScrollTop() >= playerOffsetTop;if (closed && minimized) { minimized = false; jwplayer().pause(); playing = false; // ADDED } else if (!minimized && !playing) { closed = true; // ADDED } utils.toggleClass(playerContainerEl, 'player-minimize', minimized); // update the player's size so the controls are adjusted playerInstance.resize(); }// namespace for whether or not we are waiting for setTimeout() to finish var isScrollTimeout = false;// window onscroll event handler window.onscroll = function() { // skip if we're waiting on a scroll update timeout to finish if (isScrollTimeout) return; // flag that a new timeout will begin isScrollTimeout = true; // otherwise, call scroll event view handler onScrollViewHandler(); // set new timeout setTimeout(function() { // reset timeout flag to false (no longer waiting) isScrollTimeout = false; }, 80); };});

The Wall Street Journal has released a new article providing an overview of how some of the gaming industry’s biggest publishers attract the top streamers to promote their newest games at launch and as part of new game updates.

The report highlights that publishers like EA, Activision Blizzard, Ubisoft, and Take-Two pay some of the largest streamers to promote their games. The report states that some of the top celebrities on Twitch, like Ninja, can earn up to $50,000 an hour from these publishers for playing their new game on streams. When these promoted streams are happening, the streamer has an “Ad Content” box and #ad in their streams.

Electronic Arts Inc., Activision Blizzard Inc., Ubisoft Entertainment SA and Take-Two Interactive Software Inc. are among the publishers making hefty payouts for the real-time broadcasts, or live streams. The amounts vary depending on the popularity of the “streamer,” and could go as high as $50,000 an hour for top celebrity gamers, according to talent and marketing agents.

The article also revealed that Take-Two plans to pay a large number of streamers to play Borderlands 3 upon its release this September.

This step towards using Twitch streamers as a promotional tool is becoming very effective for publishers, as large amount of fans will be wanting to try what their favorite streamers are playing.

Apex Legends was one of the games that seemed to effectively utilize this strategy as part of their launch, paying many, many streamers to play the title as part of the launch week for the game. One report stated the EA paid Ninja $1 million to play Apex Legends during its launch window.

Coveted live-streamers, those who attract at least 15,000 viewers at once, can command between $25,000 and $35,000 an hour during a big launch, with the most popular ones earning more, according to Reed Duchscher, chief executive of Night Media Inc., a management firm that represents streamers and other online personalities.

Activision Publishing has also gotten on with this new trend. With the launch of Black Ops 4’s newest Operations in 2019, Activision has been promoting the new Operations with #ad streams with streamers like Ninja, CouRage, TimTheTatMan, and more.

SOURCE: WSJ

comments below