// 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); }; });

Activision Blizzard Media Networks, a division of Activision Blizzard, has announced an all new Esports Broadcast Network that will build upon the MLG.tv streaming platform.

Activision Blizzard Media Networks (ABMN) is partnering with Facebook to live stream eSports events on Facebook directly.

“Esports is an exciting space and continues to be a growing priority for us,” said Dan Reed, Head of Global Sports Partnerships for Facebook. “With over 1.6 billion people on the platform and a growing suite of VOD and live streaming products that partners can use to increase engagement, Facebook is uniquely positioned to help esports fans connect around exciting moments and great esports content. We’re thrilled to be working with Activision Blizzard Media Networks, a leader in esports, to help fans enjoy and share a variety of exciting new formats and programming on our platform.”

MLG has also announced its all new Event Viewing experience, which will make its debut during MLG Anaheim Open on June 10-12 for Call of Duty: Black Ops 3.

MLG.tv debuted its Enhanced Viewing Experience (EVE) at the event, a High-Definition video stream with a built-in algorithmic system that provides viewers with match statistics, up-to the-minute leaderboards and situational insights based on the competition they are watching.

In addition, ABMN is relaunching a daily esports show hosted by Chris Puckett.

As host of MLG.tv’s daily ESR broadcast, Puckett will produce up-to-the-minute premium highlights, interviews and news segments for a new generation of sports fans.

“We’re building a network dedicated to the thrill of competition and the passion of the fans,” said Bornstein. “MLG.tv will play a defining role in realizing the full potential of this audience by creating meaningful, memorable and shareable content.”

SOURCE: Activision Bizzard

comments below