'' var event_details = JSON.parse(`{"event_id":"3475","tag":"3475","lang":"heb","logo":"https:\\/\\/dvirmedia.com\\/\\/events\\/posters\\/Screenshot_4665da729d9d9ea.png","name":"\\u05db\\u05e0\\u05e1 \\u05d1\\u05d7\\u05d9\\u05e8\\u05d5\\u05ea \\u05d3\\u05d2\\u05dc \\u05d1\\u05e0\\u05d9 \\u05d1\\u05e8\\u05e7","time":"2024-02-25 18:00:0.000","title":"\\u05dc\\u05da \\u05db\\u05e0\\u05d5\\u05e1 \\u05d0\\u05ea \\u05db\\u05dc \\u05d4\\u05d9\\u05d4\\u05d5\\u05d3\\u05d9\\u05dd\\n\\u05e2\\u05e6\\u05e8\\u05ea \\u05d4\\u05e8\\u05d1\\u05d1\\u05d5\\u05ea \\u05d1\\u05e8\\u05d7\\u05d5\\u05d1\\u05d4 \\u05e9\\u05dc \\u05e2\\u05d9\\u05e8 \\u05d4\\u05ea\\u05d5\\u05e8\\u05d4 \\u05d1\\u05e0\\u05d9 \\u05d1\\u05e8\\u05e7\\n","before":"message","footer":"\\u05dc\\u05d4\\u05d0\\u05d6\\u05e0\\u05d4 \\u05d8\\u05dc\\u05e4\\u05d5\\u05e0\\u05d9\\u05ea \\u05dc\\u05e9\\u05d9\\u05d3\\u05d5\\u05e8 \\u05d4\\u05d7\\u05d9\\n033135290 \\u05e9\\u05dc\\u05d5\\u05d7\\u05d4 1","poster":"https:\\/\\/dvirmedia.com\\/\\/events\\/posters\\/WhatsApp Image 2024-02-25 at 00.43.38_a5bc14b765da7201c0291.jpg","source":"https:\\/\\/www.dropbox.com\\/scl\\/fi\\/8aw2erhslb1bckkes53t0\\/TimeLineMovie.mp4?rlkey=2456v77l8d77go4v7o0zhubh6&dl=0","status":"recorded","vimeo_url":"https:\\/\\/vimeo.com\\/event\\/3828004\\/embed","guest_list":"no","vimeo_name":"\\u05e0\\u05d2\\u05df \\u05d2\\u05d9\\u05d1\\u05d5\\u05d9 \\u05d3\\u05d2\\u05dc \\u05d4\\u05ea\\u05d5\\u05e8\\u05d4","backup_name":"\\u05db\\u05e0\\u05e1 \\u05ea\\u05e4\\u05d9\\u05dc\\u05d4 \\u05d3\\u05d2\\u05dc \\u05d4\\u05ea\\u05d5\\u05e8\\u05d4","broadcasting":"t","backup_player":"amazon","before_poster":"https:\\/\\/dvirmedia.com\\/\\/events\\/posters\\/WhatsApp Image 2024-02-25 at 00.43.43_c5148e9465da72ea95169.jpg","broadcastingt":"t","deny_filtered":"f","private_event":"f","amazon_default":"1","secondary-title":"\\u05d1\\u05e8\\u05d0\\u05e9\\u05d5\\u05ea \\u05e8\\u05d1\\u05d5\\u05ea\\u05d9\\u05e0\\u05d5 \\u05de\\u05e8\\u05e0\\u05df \\u05d5\\u05e8\\u05d1\\u05e0\\u05df \\u05d7\\u05d1\\u05e8\\u05d9 \\u05de\\u05d5\\u05e2\\u05e6\\u05d2\\u05d4\\"\\u05ea\\n\\u05e8\\u05d0\\u05e9\\u05d9 \\u05d4\\u05d9\\u05e9\\u05d9\\u05d1\\u05d5\\u05ea \\u05d5\\u05e8\\u05d1\\u05e0\\u05d9 \\u05d4\\u05e7\\u05d4\\u05d9\\u05dc\\u05d5\\u05ea \\u05e9\\u05dc\\u05d9\\u05d8\\"\\u05d0","show_in_homepage":"t","event_link_link_1":"","event_link_link_2":"","event_link_link_3":"","show_views_number":"t","zoom_instructions":"f","dial_for_listening":"f","event_link_title_1":"","event_link_title_2":"","event_link_title_3":"","recorded_need_password":"f","show_playback_download":"t","backup_vimeo_player_url":"","backup_amazon_player_url":"https:\\/\\/stream-pull-b.yololiv.com\\/yololiv\\/1126106724483207169_yo1080p30f.m3u8","gdate":{"date":"2\\/25\\/2024","month":2,"day":25,"year":2024,"dow":0,"abbrevdayname":"Sun","dayname":"Sunday","abbrevmonth":"Feb","monthname":"February"},"hebdate":{"day":"\\u05d8\\u05d6","month":"\\u05d0\\u05d3\\u05e8 \\u05d0","year":"\\u05ea\\u05e9\\u05e4\\u05d3","dow":"\\u05d9\\u05d5\\u05dd \\u05e8\\u05d0\\u05e9\\u05d5\\u05df"}}`); var videojsPlayer; var lang = null ?? event_details['lang'] ?? 'heb'; function set_event_details(){ const event_date = new Date(event_details['time']); document.getElementById('event-title').innerHTML = event_details['title']?.replaceAll?.(/\n/g, '
') ?? ''; document.getElementById('event-subtitle').innerHTML = event_details['secondary-title']?.replaceAll?.(/\n/g, '
') ?? ''; document.getElementById('event-h-date').innerHTML = `${event_details['hebdate']['day']} ${event_details['hebdate']['month']}${event_details['hebdate']['year']}`; let begin_time; if (lang == 'en'){ document.getElementById('event-g-date').innerHTML = `${event_details['gdate']['month']}/${event_details['gdate']['day']}${event_details['gdate']['year']}`; document.getElementById('event-day').innerHTML = `${event_details.gdate.abbrevdayname}`; document.getElementById('event-g-date').after(document.getElementById('event-h-date')); begin_time = 'Live broadcasting will begin at' } else { document.getElementById('event-g-date').innerHTML = `${event_details['gdate']['day']}/${event_details['gdate']['month']}${event_details['gdate']['year']}`; document.getElementById('event-day').innerHTML = `${event_details.hebdate.dow}`; document.getElementById('event-g-date').before(document.getElementById('event-h-date')); begin_time = 'השידור יתחיל בשעה' } if (event_details.status == 'live'){ document.getElementById('event-time').textContent = `${begin_time} ${event_date.getHours().toString().padStart(2, '0')}:${event_date.getMinutes().toString().padStart(2, '0')}`; if (event_details['dial_for_listening'] == 'f'){ document.querySelector('.listening-broadcast-btn')?.remove?.(); } } else { document.getElementById('event-time')?.remove?.(); Array.from(document.querySelectorAll('.button-after-player')).forEach(el => el.remove()); if(event_details['show_playback_download'] == 't'){ let dbn = downloadButtonNode.cloneNode(true); document.querySelector('.buttons-after-player-wrapper').appendChild(dbn); dbn.addEventListener('click', ()=>download(event_details['source'])); } } document.querySelector('.text-about-event').innerHTML = event_details['footer']?.replaceAll?.(/\n/g, '
') ?? ''; document.querySelector('.refresh-btn')?.addEventListener('click', () => location.reload()); document.querySelector('.event-ad').src = event_details['poster']; document.getElementById('event-logo-img').src = event_details['logo']; // set event links: let event_link_wrapper = document.getElementById('event-links-wrapper'); let event_link_btns = document.querySelectorAll('.event-link-btn'); let event_link_btn = event_link_btns[0]; Array.from(event_link_btns).forEach(el => el.remove()); [...Array(3).keys()].forEach(i => { let event_link_title = event_details[`event_link_title_${i+1}`]; let event_link_link = event_details[`event_link_link_${i+1}`]; if (event_link_title){ let new_elb = event_link_btn.cloneNode(true); new_elb.href = event_link_link; new_elb.querySelector('span').innerHTML = event_link_title.replace(/\*(.*?)\*/g, "$1");; document.getElementById('event-links-wrapper').appendChild(new_elb); } }) } class VideoBox { players = []; c_player; constructor(el ,players, zoom=false){ this.element = el; this.videoBox = this.element.querySelector('.video-player-box'); // this.btnBox = this.element.querySelector('.buttons-before-player-wrapper'); // this.btnBox.innerHTML = ''; players.forEach(p => this.add_player(p)); if (zoom){ this.add_zoom_player(new Player('נגן זום', '', 'zoom')); } this.current_player = players[0]; } get current_player(){ return this.c_player; } set current_player(player){ $(this.videoBox).html(player.element); // this.players.forEach(p => p.button.classList.remove('active')) // player.button.classList.add('active'); } add_player(player){ this.players.push(player); if (player.button){ this.btnBox.appendChild(player.button); } player.box = this; } add_zoom_player(player){ this.add_player(player); let open_zoom_btn = openZoomButtonNode.cloneNode(true); open_zoom_btn.addEventListener('click', ()=>window.open(`https://us04web.zoom.us/j/${event_details.zoom_meeting_id?.replaceAll(' ', '')}?pwd=event_details.zoom_passcode`, '_blank')) this.btnBox.appendChild(open_zoom_btn) } } class Player{ static create_button(name, type){ let button = type == 'zoom'? zoomButtonNode.cloneNode(true) : playerButtonNode.cloneNode(true); button.getElementsByTagName('span')[0].innerHTML = name; return button; } static create_vimeo_el(url){ let el = $(``)[0]; el.width = el.height = '100%'; return el; } static create_videojs_el(url, type){ url = new URL(url); if (url.hostname === 'www.dropbox.com'){ url.hostname = 'dl.dropbox.com'; //url.search = ''; } let el = $(`
`)[0]; el.width = el.height = '100%'; videojs(el).src(url); return el; } static create_zoom_el() { let el = $(``)[0]; el.width = el.height = '100%'; return el; } constructor(name, url, type){ this.name = name; this.url = url; this.type = type; // this.button = Player.create_button(this.name, type); if (type){ switch (type) { case 'vimeo': this.element = Player.create_vimeo_el(url); break; case 'videojs': this.element = Player.create_videojs_el(url, "video/mp4"); break; case 'amazon' : this.element = Player.create_videojs_el(url, "application/x-mpegURL"); break; case 'zoom': this.element = Player.create_zoom_el(); break; } // this.button.addEventListener('click', ()=>this.box.current_player = this); } } } class Modal{ constructor(content, close='.close-popup') { this.element = document.createElement('div'); this.element.style.cssText = "position: fixed; top:0; left:0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; z-index:100;" this.content = content; document.body.appendChild(this.element); this.element.appendChild(this.content); let self = this; if (close != false){ this.element.onclick = function(event){ if (event.target == this){ self.hide(); } }; content.querySelectorAll(close).forEach(el => el.addEventListener("click", () => this.hide())) } } show(){ this.element.style.display = 'flex'; } hide(){ this.element.style.display = 'none'; } } function get_players(before=false){ let players = [] if (event_details['vimeo_url']){ players.push(new Player(event_details['vimeo_name'] ?? 'נגן ראשי', event_details['vimeo_url'], !before ? 'vimeo' : '')); } // if (event_details['backup_player'] != 'no'){ // players.push(new Player(event_details['backup_name'] ?? 'נגן גיבוי', // event_details[`backup_${event_details['backup_player']}_player_url`] ?? event_details[`backup_player_url`], // !before ? event_details['backup_player'] : '' )); // } return players; } function get_counter_el(){ let el = $(`
`)[0]; el.width = el.height = '100%'; return el; } function get_before_poster(){ return $(`
`)[0]; } function get_before_message(){ return $(`
האירוע עדיין לא החל
This event has not started yet
`)[0]; } function get_before_el(){ switch (event_details['before']){ case 'countdown': return get_counter_el(); case 'message': return get_before_message(); case 'poster': return get_before_poster(); } } function set_video_box(){ const video_wrapper = document.querySelector('.video-player-wrapper'); if (event_details['status'] == 'live'){ if (event_details['broadcasting'] != 'f' || new Date() > new Date(event_details['time'])){ let players = get_players(); if (players.length){ videoBox = new VideoBox(video_wrapper, get_players(), event_details.zoom_meeting_id); } } else { let before_el = get_before_el(); let vp_box = video_wrapper.querySelector('.video-player-box'); vp_box.parentNode.replaceChild(before_el, vp_box); setInterval(() =>{ if (new Date() > new Date(event_details['time'])){ location.reload(); } }, 1000); let players = get_players(); if (players.length){ videoBox = new VideoBox(video_wrapper, get_players(before=true), event_details.zoom_meeting_id); } } } else if (event_details['status'] == 'recorded'){ let player_type = (event_details['source'].startsWith("https://player.vimeo.com/") || event_details['source'].startsWith("https://vimeo.com/")) ? 'vimeo' : 'videojs'; if (event_details['source']){ videoBox = new VideoBox(video_wrapper, [new Player('שידור חוזרPlayback', event_details['source'], player_type)], false); } } } function unfeature(){ document.querySelector('.r-nav').style.visibility = 'hidden'; document.querySelector('.video-views-number').remove(); document.getElementById('write-greetings-and-more-broadcasts-wrapper').remove(); document.querySelector('.fixed-write-greeting-btn-wrapper').remove(); document.querySelectorAll('.body-wrapper')[1].remove(); } function set_language(l){ lang = l; // $('#language-toggle').prop('checked', lang == 'heb'); // let dirs = {en:'ltr', heb:'rtl'}; // let dir = dirs[lang]; // $('html').attr('lang', lang); // $('body').css('direction', dir); // set_event_details(); $('#language-toggle').prop('checked', lang == 'heb'); let dirs = {en:'ltr', heb:'rtl'}; // let dir = dirs[lang]; $('html').attr('lang', lang); $('body').removeClass('lang-heb').removeClass('lang-en').addClass(`lang-${lang}`); set_event_details(); } function download(url) { url = new URL(url); if (url.hostname === 'www.dropbox.com'){ url.hostname = 'dl.dropbox.com'; url.search = '&dl=1'; } const a = document.createElement('a') a.href = url a.download = url.pathname.split('/').pop() document.body.appendChild(a) a.click() document.body.removeChild(a) } var playerButtonNode, playerButtonBox, zoomButtonNode, openZoomButtonNode, videoBox, downloadButtonNode; var techSuppModal; $(function() { // techSuppModal = new Modal(document.getElementById('technical-support')); // listeningBroadcastModal = new Modal(document.getElementById('listening-broadcast')); // downloadButtonNode = document.getElementById('download-btn').cloneNode(true); // set_language(lang); // // set_event_details(); // document.querySelector('.chat-button').remove(); // playerButtonNode = document.querySelector('.main-player-btn')?.cloneNode(true); // zoomButtonNode = document.querySelector('.zoom-player-btn')?.cloneNode(true); // openZoomButtonNode = document.querySelector('.open-zoom-app-btn')?.cloneNode(true); set_video_box(); // videoBox = new VideoBox(document.querySelector('.video-player-wrapper'), get_players(), event_details.zoom_meeting_id); // videojs('video1').ready(function(){throw new Error}); // var broadcast_popups = document.querySelectorAll('.broadcast-popup'); // var tech_help_popup = broadcast_popups[broadcast_popups.length - 1]; // playerButtonBox = document.querySelector('.buttons-before-player-wrapper'); // $('#technical-support .solutions-panel').on('click', function(){ // techSuppModal.content.querySelectorAll('.solutions-panel').forEach(el => {if (el != this) el.classList.remove('active')}); // this.classList.toggle('active'); // }) // $('.technical-support-btn').on('click', function() { // // techSuppModal.content.querySelector('#broadcast-support-form').classList.remove('active'); // techSuppModal.content.querySelectorAll('.solutions-panel').forEach(el => el.classList.remove('active')); // techSuppModal.show(); // }) // $('.listening-broadcast-btn').on('click', function() { // listeningBroadcastModal.show(); // }) // $('#language-toggle').on('input', function() { // let lang = this.checked ? 'heb' : 'en'; // set_language(lang); // }) // $('#broadcast-support-mail').on('click', function() { // techSuppModal.content.querySelectorAll('.solutions-panel').forEach(el => {el.classList.remove('active')}); // techSuppModal.content.querySelector('#broadcast-support-form').classList.add('active'); // }) // unfeature(); document.getElementById('body-scroll').style.display = 'unset'; })