Один день
с инженером связи
Что повышает надежность мобильного интернета
Вместе с техническим экспертом билайна мы протестировали мобильный интернет в Петербурге и узнали, какие технологии применяются, чтобы связь была надежной в разных ситуациях. Что из этого получилось, читайте в материале.
читателей «Фонтанки» практически не расстаются со смартфоном, показал опрос в нашем телеграм-канале. Значит, мобильный интернет нужен везде: дома, в метро, в торговом центре и в ресторане, на автомагистрали и т.д.
85%
Торговый центр
Точка №1
Признайтесь, вы фотографируете себя в примерочной, когда нужна «помощь друга» в выборе одежды? Наш корреспондент тоже никогда не упускает такую возможность. А еще сравнивает цены в интернете и делает короткие видеобзоры для подписчиков в соцсетях. Главное, чтобы скорость мобильного интернета позволяла это сделать: из-за специфики самих зданий в ТРЦ сигнал может ослабевать.
«В LeoMall на Планерной мы начали наш эксперимент с записи круглого мини-видео: «Всем привет! Начинаем наш шопинг!» Минутный ролик мгновенно загрузился на смартфоне с сим-картой билайна. Практически в ту же секунду его получил в мессенджере руководитель направления эксплуатации билайна в Санкт-Петербурге Александр Грищенко. И неудивительно: скорость передачи данных на сетях билайна составила почти 200 Мбит/с. Это при том, что для повседневных потребностей абонентов — переписки в чате или передачи снимков — хватило бы даже 8 Мбит/с. Как оператору удалось организовать такую высокую скорость 4G?»
«Обычно покрытие сотовой связи в торговых комплексах достаточно низкое: влияет и толщина стен, и используемые при строительстве материалы, и большой поток пользователей. В такие здания, как правило, с трудом проходит сигнал от базовых станций, находящихся снаружи. Именно поэтому в ТЦ мы используем такое решение, как индор-секторы: внутри устанавливается базовая станция, далее на всех этажах мы подключаем внутренние секторы с маленькими антеннами. Тем самым обеспечиваем надежное покрытие во всех магазинах, кафе, ресторанах и так далее».
Опрос читателей «Фонтанки»
Где вы чаще используете мобильный интернет?
Технология также применяется в бизнес-центрах, жилых домах, — словом, там, где есть проблемы с приемом внешнего сигнала, но всегда высокий расход трафика. Абоненты о «секрете» даже не догадываются, да и зачем им это знать? Для пользователей главное, чтобы все «летало», а как это обеспечить — продумывают профессионалы.
Куда бы я ни отправился, всюду беру с собой телефон и выхожу с него в сеть
85%
В транспорте: слушаю музыку или смотрю сериалы онлайн
14%
Дома: переписываюсь с близкими за кружкой какао и прячусь от осенних ветров
14%
ЗАПАДНЫЙ СКОРОСТНОЙ ДИАМЕТР
Точка №2
Какой же автомобилист не любит быстрой езды, подумала съемочная группа «Фонтанки» и помчалась по Западному скоростному диаметру на Васильевский остров. А чтобы не скучать в пути, мы решили включить музыку на смартфоне. Что бы послушать такого…. духоподъемного? Да хотя бы Чайковского! Или что там у нас в плей-листе? Повыбираем? В общем, пока ехали, успели прослушать несколько треков. Результат: любимые мелодии не прерывались.
«Высокую скорость загрузки подтверждал и спид-тест. Несмотря на то, что в движении скорость мобильного интернета неизбежно падает, показатели на экране варьировались от 45 до 95 Мбит/с. Неплохо! Оказывается, за этим, среди прочего, скрывается... искусственный интеллект».
«Обычно там, где нагрузка на сеть большая, скорость связи падает. Именно поэтому базовые станции в спальных районах «отдыхают» днем и активно «трудятся» вечером.
В центре происходит ровно наоборот: там пиковые нагрузки фиксируются днем, когда люди приезжают на работу. Чтобы обеспечить стабильную работу сети в часы пик, нужно перераспределить нагрузку. Именно это делает технология SON (Self optimized network — «Самооптимизирующаяся сеть»). В автоматическом режиме она подбирает оптимальные настройки на радиосети в конкретном месте, чтобы при имеющейся нагрузке обеспечить наилучшее качество».
Самооптимизирующаяся сеть активно используется и на Западном скоростном диаметре: утром абоненты едут на работу, а вечером — обратно. Хорошо работает эта технология и в местах массового скопления людей в выходные дни: на концертах, матчах и т.д.
Жилой комплекс
Точка №3
В современном петербургском ЖК могут жить до 20 000 человек! Используя видеоконтент и приложения, а также онлайн-игры, они делят между собой один и тот же «пирог» — мобильный интернет. Не нужно быть экспертом, чтобы понять очевидную вещь: чем больше абонентов, тем меньше пропускная способность сети и ниже скорость загрузки данных.
«Результат рефарминга на сетях билайна мы тестировали в ЖК «Я — романтик»: вызывали такси, которое довезет нас до станции метро «Приморская». Успешно»!
«Чтобы пользование мобильным интернетом оставалось комфортным для клиентов, мы проводим процедуру рефарминга. Рефарминг — перераспределение частот, используемых под стандарты 2G и 3G, в пользу современного стандарта связи LTE/ЛТЕ (4G). Это техническое решение позволяет нарастить емкость сети в условиях сильных нагрузок. А значит — без дополнительных ресурсов улучшить качество связи за счет более эффективного управления частотным спектром».
Метро
Точка №4
«Что вы делаете в подземке со смартфоном в руках?» — спросили мы у читателей «Фонтанки». Самым популярным из всех вариантов оказался ответ «Листаю новости» (44%). Вот этим-то и занялась и съемочная группа «Фонтанки», пока ехала по третьей линии от «Приморской» до «Маяковской». Скорости мобильного интернета хватало не только на быстрый скроллинг ленты — оперативно подгружалось и видео со звуком. Радовали и итоги спид-теста на смартфоне Александра Грищенко: даже на перегонах показатель превышал 100 Мбит/с. Самая высокая зафиксированная нами скорость мобильного интернета билайна составила 185 Мбит/с.
Что делаете в телефоне онлайн во время поездок в подземке?
Опрос читателей «Фонтанки»
Листаю новости
44%
Общаюсь в мессенджерах
22%
Читаю книгу
25%
«Журналист «Фонтанки» поймала себя на мысли: к хорошему быстро привыкаешь. Года три назад было сложно представить, как можно смотреть сериал в подземке или участвовать оттуда в зуме. Сегодня, садясь в вагон, больше не нужно завершать разговор и прощаться. Это результат масштабного проекта, благодаря которому сеть есть на всех линиях петербургского метрополитена».
Ее обеспечивает наземное и подземное оборудование. Вместе они составляют распределенную антенно-фидерную систему (РАФСО).
Подробнее о том, как создавали интернет-сеть в петербургской подземке, читайте здесь.
Как работает связь в подземке?
Наземная
подземная
Наземная часть носит название «Сайт-отель» — это большая аппаратная с оборудованием наземных базовых станций. Оптический кабель связывает сайт-отель с подземным оборудованием.
Подземная часть состоит из нескольких видов кабелей в тоннелях, в том числе радиоизлучающих. Именно они выполняют роль антенн, формируя покрытие сотовой сети.
Наземная часть носит название «Сайт-отель» — это большая аппаратная с оборудованием наземных базовых станций. Оптический кабель связывает сайт-отель с подземным оборудованием.
Подземная часть состоит из нескольких видов кабелей в тоннелях, в том числе радиоизлучающих. Именно они выполняют роль антенн, формируя покрытие сотовой сети.
Далее наш путь лежал на улицу Рубинштейна. Зачем? Да за тем же, что привлекает в эту точку на карте города тысячи горожан и туристов. Впрочем, дело было хоть и в пятницу, но не вечером. Поэтому мы — скажем честно — ограничились чаем в колоритном ресторане кубинской жизни «О! Cuba». Наш выбор пал на него не только благодаря популярности у петербуржцев: это место как нельзя кстати подходило для тестирования мобильной связи из-за того, что ее там… почти нет. Толстые стены исторической застройки и цокольный этаж не давали шансов: на дисплее смартфона предательски значилась буква «Е».
любимое
кафе
Точка №5
«Но это не значит, что наши абоненты здесь останутся без связи. Мы можем осуществлять звонки с помощью функции VoWiFi (Voice overWi-Fi — «Голос через Wi-Fi»). Это технология передачи данных по беспроводной локальной сети. Если в здании есть сеть Wi-Fi, мы просто подключаемся к ней, активируем в настройках телефона функцию вызова по Wi-Fi и совершаем звонки точно так же, как и по сотовой сети».
«Действуя по инструкции, журналист «Фонтанки» дозвонился до редактора и сообщил, что задание практически выполнено!
Связь через Wi-Fi пригодится не только завсегдатаям баров в центре Петербурга. С ней больше не надо подходить к окну, если в доме с толстыми стенами плохо ловит связь. Или выбирать оптимальную «переговорную» точку на даче. Или думать, как совершить деловой звонок за границей… Словом, ситуаций в жизни может быть много. А рецепт — один.
Кстати, звонки по VoWiFi стоят как обычные. Здорово же»?
В центре связь кажется чем-то самим собой разумеющимся. Жители и туристы даже не задумываются о том, как здесь появляется 4G. Но не все так просто, рассказал технический специалист билайна: в исторической части Петербурга большие антенны могут испортить фасады, панораму и т.д., поэтому поставить стандартный комплекс телекоммуникационного оборудования не всегда возможно. В таких ситуациях выручают компактные базовые станции EasyMacro («изи макро»).
Сад
в центре города
Точка №6
Значит, действительно работает!
Вот, оказывается, сколько технологий скрываются за привычными сторис, видосиками и онлайн-трансляциями в сети. Теперь вы тоже это знаете!
«Площадь покрытия меньше, чем у обычной базовой станции, но при этом мы можем закрыть нестандартные участки, обеспечив абонентов высоким уровнем связи. Это решение в зоне своей работы помогает клиентам билайна пользоваться мобильным интернетом и голосовой связью».
«При этом комплекс EasyMacro настолько маленький, что вряд ли прохожие его заметят. Одна из таких станций находится рядом с Александровским садом — в непосредственной близости к Дворцовой площади. Возможно, вы проходили мимо нее не раз! Такая базовая станция выдает отличную скорость — до 120 Мбит/с, по нашим замерам. Но цифры цифрами, а что в реальности? Мы решили проверить это, устроив сеанс видеосвязи из разных концов зеленой зоны».
` : ''} `); let v = $e.find('video')[0], f = function() { v.pause(); annexxAddStyle('011','.' + e.className.replace(/\s+/g,'.') + ' {display:table;}'); let $removeelementload = $(''); if ($removeelementload.length) $('').remove(); window.arrAnnexxVideoTooltip.push({'el': $e.find('video')[0], 'service': 'direct','modtype': '011', 'playElClick': d, 'buttonMute': 'no','actionPlayAnotherVideo': actionPlayAnotherVideo,'actionOpenPopup': actionOpenPopup, 'actionCloseTab': 'mute,pause'.split(','), elements: {shapePlayClick: $shapePlayClick, shapePlayHover: $shapePlayHover,shapePauseClick: $shapePauseClick, shapePauseHover: $shapePauseHover, shapeUnmuteClick: $shapeUnmuteClick, shapeMuteClick: $shapeMuteClick, shapeMuteHover: $shapeMuteHover, shapeUnmuteHover: $shapeUnmuteHover}, 'switchElementMuteUnmute': switchElementMuteUnmute, function: {playV: playV, pauseV: pauseV, mute: mute}}); ll--; if (!ll) resolve(); if (userFunctionNameEnd) { v.addEventListener('ended', function() { window.arrAnnexxVideoTooltip.userFunction.forEach(function(e) { if (e === userFunctionNameEnd) window[e](); }); }); } if (autoplay){ v.muted = true; try { v.play(); } catch (e) {} } v.removeEventListener('canplay', f); function showElemOnplay() { if ($showElemOnplay) { $showElemOnplay.removeClass('hide-elem-onplay'); } if ($hideElemOnplay) { $hideElemOnplay.addClass('hide-elem-onplay'); } if (false) { this.removeEventListener('play',showElemOnplay); this.removeEventListener('pause',hideElemOnplay); } if ($previewvideo) { $previewvideo.addClass("hide-preload-shape"); if (!previewOnPause) $previewvideo = false; } } function hideElemOnplay() { if ($showElemOnplay) { $showElemOnplay.addClass('hide-elem-onplay'); } if ($hideElemOnplay) { $hideElemOnplay.removeClass('hide-elem-onplay'); } if ($previewvideo) { $previewvideo.removeClass("hide-preload-shape"); } } v.addEventListener('play', showElemOnplay); v.addEventListener('pause', hideElemOnplay); /* После обновления стал скакать зум видео */ /* $tnatom.css('zoom','inherit'); */ setTimeout(function() { $tnatom.css('zoom',''); window.dispatchEvent(new CustomEvent('resize')); v.addEventListener('webkitfullscreenchange', function(e) { let fullscreen = e.target.webkitDisplayingFullscreen !== undefined ? e.target.webkitDisplayingFullscreen : 'nowebkit'; if (fullscreen !== 'nowebkit') { if (fullscreen) {v.style.objectFit = 'contain';} else {v.style.objectFit = '';} } }); },200); }; if (true) { v.addEventListener('canplay', f); } else { v.addEventListener('loadedmetadata', f); v.muted = true; v.play(); } if ('rgba(0, 0, 0, 0)' !== 'rgba(0, 0, 0, 0)') { e.querySelector('.tn-atom').insertAdjacentHTML('afterBegin','
'); } if (switchElementShowOnhoverVideo && $shapePlayClick && $shapePlayClick.length && $shapePauseClick && $shapePauseClick.length) { let timeout, firstHover = false; function mousemoveShow() { if (false && false&& !firstHover) { firstHover = true; $shapePlayClick.css('opacity', ''); } if (timeout) clearTimeout(timeout); if (!$shapePlayClick.hasClass('annexx-onhover-video-show')) $shapePlayClick.addClass('annexx-onhover-video-show'); if (!$shapePauseClick.hasClass('annexx-onhover-video-show')) $shapePauseClick.addClass('annexx-onhover-video-show'); timeout = setTimeout(function() { $shapePlayClick.add($shapePauseClick).removeClass('annexx-onhover-video-show'); },2e3); } if ($previewvideo) $previewvideo.on('mousemove', mousemoveShow); $e.on('mousemove', mousemoveShow); } if (switchElementUnmuteOnhoverVideo && $shapeUnmuteClick && $shapeUnmuteClick.length && $shapeMuteClick && $shapeMuteClick.length) { let timeout, firstHover = false; function mousemoveShow() { if (false && false&& !firstHover) { firstUnmuteHover = true; if (switchElementMuteUnmute) { if (switchElementMuteUnmuteLoad === 'unmute') $shapeUnmuteClick.css('opacity', ''); else if (switchElementMuteUnmuteLoad === 'mute') $shapeMuteClick.css('opacity', ''); } else $shapeUnmuteClick.css('opacity', ''); } if (timeout) clearTimeout(timeout); if (!$shapeUnmuteClick.hasClass('annexx-onhover-video-show')) $shapeUnmuteClick.addClass('annexx-onhover-video-show'); if (!$shapeMuteClick.hasClass('annexx-onhover-video-show')) $shapeMuteClick.addClass('annexx-onhover-video-show'); timeout = setTimeout(function() { $shapeUnmuteClick.add($shapeMuteClick).removeClass('annexx-onhover-video-show'); },2e3); } if ($previewvideo) $previewvideo.on('mousemove', mousemoveShow); $e.on('mousemove', mousemoveShow); } setTimeout(function() { /*Закомментировал блок ниже, так как тильда вроде попарвила масштабирование*/ /*if (/opr/i.test(navigator.userAgent) && false) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d}:not(.t-animate), .annexx-wrapper-video-in-shape${d} .tn-atom__scale-wrapper { overflow: hidden; } .annexx-wrapper-video-in-shape${d}:not(.t-animate) .tn-atom__scale-wrapper { transform: none !important; } `); } else if (/firefox/i.test(navigator.userAgent)) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d} .tn-atom__scale-wrapper { overflow: hidden; } `); } else if (!false && !/opr/i.test(navigator.userAgent) && !false) { annexxAddStyle('011',` .annexx-wrapper-video-in-shape${d} { overflow: hidden; } `); }*/ let $tab = $('.t395__tab, .t397__tab'), videoBlockId = +$e.closest('.r').attr('id').replace(/\D+/,''), $tabVideo = $tab.filter((i,e) => $(e).data('tab-rec-ids').toString().split(',').some(e => +e === videoBlockId)); if ($tabVideo.length) { function processTab() { if ($tabVideo[0].classList.value.indexOf('tab_active') !== -1) { let action = 'mute,pause'.split(','); if (action.some(e => e === 'mute')) v.muted = true; else v.muted = false; if (action.some(e => e === 'pause')) v.pause(); else v.play(); if (action.some(e => e === 'start')) v.currentTime = 0; } else { let action = 'mute,pause'.split(','); if (action.some(e => e === 'mute')) v.muted = true; else v.muted = false; if (action.some(e => e === 'pause')) v.pause(); else v.play(); } } let config = { attributes: true, childList: false, characterData: false, }; observer = new MutationObserver(processTab); observer.observe($tabVideo[0], config); } /* Баг с тем что не применяется автоскейл тильды к шейпам с видео*/ /*function autoscaleVideoFix() { setTimeout(function(){ if ($e.closest('.t396__artboard_scale').length && !e.style.zoom) { $e.css('transform','scale(' + window.tn_scale_factor + ')'); } },1e3); } autoscaleVideoFix(); $(window).on("resize", autoscaleVideoFix);*/ },500); }); }).then(function() { if (!window.annexxTabClickPauseVideo) window.annexxTabClickPauseVideo = true; $('.t395__tab').on("click", e => { if ($(e.target).hasClass("t395__tab_active")) return false; $(e.target) .closest(".t395__tab") .siblings(".t395__tab:not('.t395__tab_active')") .each((i,el) => { let id = "rec" + $(el).data("tab-rec-ids"); arrAnnexxVideoTooltip.forEach((e) => { if ($(e.el).closest(".r").attr("id") === id) e.function.pauseV(); }); }); }); let intFixSizeVideoShape; window.addEventListener('resize', function() { clearTimeout(intFixSizeVideoShape); intFixSizeVideoShape = setTimeout(fixSizeVideoShape, 500); }); $shape.find('.annexx-preloader-video-shape').fadeOut(500, function() { $(this).remove(); }); function isScrolledIntoView(elem,alwaysToStart) { let tnelem = elem.closest(".tn-elem"), docViewTop = window.pageYOffset, docViewBottom = docViewTop + window.innerHeight, elemHeight = elem.clientHeight, elemTop = isSafari && !isMobile && +tnelem.style.zoom ? (window.scrollY - elem.closest(".r").offsetTop) + tnelem.offsetTop * +tnelem.style.zoom + window.scrollY : elem.getBoundingClientRect().top + window.scrollY + (isMobile ? window.innerHeight / 2 : 0), elemBottom = elemTop + elemHeight, inViewport = elemBottom + playVideoVisibleOnScreenOffset = docViewTop - (elemHeight / 2); return inViewport; }; if (false && !(isSafari && isMobile)) { window.arrAnnexxVideoTooltip.forEach(function(e,i) { if (e.playElClick && e.playElClick === d) { $(window).on('scroll', function() { let docViewTop = window.pageYOffset, docViewBottom = docViewTop + window.innerHeight, elemHeight = e.el.clientHeight, elemTop = e.el.getBoundingClientRect().top + window.scrollY, elemBottom = elemTop + elemHeight; if (elemTop > docViewBottom || elemBottom { if (el.el === e.target) playV(el); }); } playHTML = true; } if (switchElementPlayPause) { if (switchElementPlayPauseFirst) { setTimeout(function() { switchElementPlayPauseFirst = false; }, 1e3); } else { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); }; } }); e.el.addEventListener('pause', function() { pauseVAddon(); }); e.el.addEventListener('volumechange', function(e) { if (!e.target.muted || !e.target.volume) { unmute(); if (!e.target.paused) { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick !== d) { setTimeout(function () { e.el.muted = true; if (e.switchElementMuteUnmute) { if (e.elements.shapeMuteClick) e.elements.shapeMuteClick.hide(); if (e.elements.shapeUnmuteClick) e.elements.shapeUnmuteClick.css('display', 'table'); } },200); } }); } } else mute(); }); } }); if (!switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.css('display', 'table'); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } else { switch (switchElementPlayPauseLoad) { case 'play': if ($shapePlayClick) $shapePlayClick.css('display', 'table'); break; case 'pause': if ($shapePauseClick) $shapePauseClick.css('display', 'table'); break; } } function checkPlayed() { let r = false; window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d && !e.el.paused) r = true; }); return r; } if($shapePlayClick) { $shapePlayClick.on('click', function() { if (false && checkPlayed()) { pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } return false; } if (false) { $shapePlayClick.hide(); if ($shapePlayHover) $shapePlayHover.hide(); $shape.find('video').attr('controls',''); } playV(undefined, playVideoUnmuteClick, playVideoFromStart); if (switchElementPlayPause) { $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } if ($shapePlayAnalytic) { let $el = $shapePlayAnalytic.find('a'); Tilda.sendEventToStatistics($el.data('tilda-event-name'), $el.text()); } }); } if ($shapePlayHover) { $shapePlayHover.on('mouseover', function() { if (false && checkPlayed()) { pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } return false; } if (false) { if ($shapePlayClick) $shapePlayClick.hide(); $shapePlayHover.hide(); $shape.find('video').attr('controls',''); } if (playVideoTimeout && !timeoutReady) return false; playV(undefined, undefined, playVideoFromStart); if (switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } }); if (!playVideoWhenMouseleave) { $shapePlayHover.on('mouseout', function() { if (playVideoTimeout && !timeoutReady) return false; window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d){ pauseV(); if (switchElementPlayPause) { if ($shapePauseClick) $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } } }); }); } } if ($shapePauseClick) { $shapePauseClick.on('click', function() { pauseV(); if (switchElementPlayPause) { $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } }); } if ($shapePauseHover) { $shapePauseHover.on('mouseover', pauseV); if (pauseVideoWhenMouseover) { $shapePauseHover.on('mouseout', function() { if (playVideoTimeout && !timeoutReady) return false; playV(); if (switchElementPlayPause) { if ($shapePlayClick) $shapePlayClick.hide(); if ($shapePauseClick) $shapePauseClick.css('display', 'table'); } }); } } if ($shapeMuteClick){ $shapeMuteClick.on('click', function() { playVideoUnmuteClick = false; mute(); }); } if ($shapeUnmuteClick){ $shapeUnmuteClick.on('click', function() { playVideoUnmuteClick = true; unmute(); }); if ($shapeUnmuteAnalytic) { let $el = $shapeUnmuteAnalytic.find('a'); Tilda.sendEventToStatistics($el.data('tilda-event-name'), $el.text()); } } if ($shapeMuteHover)$shapeMuteHover.on('mouseover', mute); if ($shapeUnmuteHover)$shapeUnmuteHover.on('mouseover', unmute); if (!switchElementMuteUnmute) { if ($shapeMuteClick) $shapeMuteClick.css('display', 'table'); if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); } else { switch (switchElementMuteUnmuteLoad) { case 'mute': if ($shapeMuteClick) $shapeMuteClick.css('display', 'table'); break; case 'unmute': if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); break; } } let g = Math.round(Math.random()*1e10); setTimeout(function() { if (isMobile && (playOnloadPage || playVideoTimeout || playVideoVisibleOnScreen) && !$shape.find('video').data('mobileHasPlay')) $('body').on('touchstart.loadVideo' + g, firstLoadVideo); },500); function firstLoadVideo() { let c = function () { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.playElClick === d) { let l = e.el; l.muted = true; l.play().then(() => { l.pause(); if ($(l).attr('autoplay'))playV(); }); } }); }; c(); $('body').off('touchstart.loadVideo' + g); rv = true; /* return c(); */ } function popupShowAction(mutationList, observer) { mutationList.forEach(function(mutation) { switch(mutation.type) { case 'attributes': if ($('body').hasClass('t-body_popupshowed')) { window.arrAnnexxVideoTooltip.forEach(function(e) { if (e.service === 'direct') { switch (e.actionOpenPopup) { case 'mute': e.el.muted = true; e.buttonMute = true; if (switchElementMuteUnmute) { if ($shapeMuteClick) $shapeMuteClick.hide(); if ($shapeUnmuteClick) $shapeUnmuteClick.css('display', 'table'); } break; case 'pause': e.el.pause(); if (switchElementPlayPause) { if ($shapePauseClick) $shapePauseClick.hide(); if ($shapePlayClick) $shapePlayClick.css('display', 'table'); } break; } } }); } break; } }); } let observerOptions = { childList: false, attributes: true, subtree: false }, observer = new MutationObserver(popupShowAction); observer.observe($('body')[0], observerOptions); $(document).on('click', '.t-popup', function() { if (!$(this).hasClass('t-popup_show')) { this.querySelectorAll('video').forEach(function(e) { e.pause(); }); } }); }); } }); } },100); setTimeout(function() { clearInterval(int); },5e3); }())
Видеовариант нашего эксперимента смотрите здесь:
Реклама ПАО «ВымпелКом», ИНН: 7713076301
Автор: Анастасия Коренькова
Редактор / корректор: Елена Виноградова
Координатор: Елена Рожнова
Фотографии: Анжела Мнацаканян
Видео: Алексей Рожнов
Дизайнеры: Соня Осколкина, Анастасия Гализина
Спецпроекты «Фонтанки.ру»
Пять причин, по которым петербуржцы выбирают Курортный район
Пятерка с плюсом. Как выбрать подходящую декорацию для своего сценария жизни
На что способен современный битум? «Фонтанка» выяснила, из чего состоит совершенное дорожное покрытие
Увидеть всё. Как пройти МРТ по доступной цене
Строитель года 2023. Выбор горожан
Российский холод. Почему температура ― решающий фактор производства
Свет, несущий интернет. Как работает оптическая технология связи в Петербурге
Ноябрь 2023 г. © Фонтанка.ру