;(function() {
window.createMeasureObserver = (measureName) => {
var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`;
performance.mark(`${markPrefix}-start`);
return {
end: function() {
performance.mark(`${markPrefix}-end`);
performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`);
performance.clearMarks(`${markPrefix}-start`);
performance.clearMarks(`${markPrefix}-end`);
}
}
};
/**
* Gerenciador de eventos
*/
window.gevent = {
stack: [],
RUN_ONCE: true,
on: function(name, callback, once) {
this.stack.push([name, callback, !!once]);
},
emit: function(name, args) {
for (var i = this.stack.length, item; i--;) {
item = this.stack[i];
if (item[0] === name) {
item[1](args);
if (item[2]) {
this.stack.splice(i, 1);
}
}
}
}
};
var runningSearch = false;
var hadAnEvent = true;
var elementsToWatch = window.elementsToWatch = new Map();
var innerHeight = window.innerHeight;
// timestamp da última rodada do requestAnimationFrame
// É usado para limitar a procura por elementos visíveis.
var lastAnimationTS = 0;
// verifica se elemento está no viewport do usuário
var isElementInViewport = function(el) {
var rect = el.getBoundingClientRect();
var clientHeight = window.innerHeight || document.documentElement.clientHeight;
// renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content
if(el.className.includes('related-content-front')) return true;
// garante que usa ao mínimo 280px de margem para fazer o lazyload
var margin = clientHeight + Math.max(280, clientHeight * 0.2);
// se a base do componente está acima da altura da tela do usuário, está oculto
if(rect.bottom < 0 && rect.bottom > margin * -1) {
return false;
}
// se o topo do elemento está abaixo da altura da tela do usuário, está oculto
if(rect.top > margin) {
return false;
}
// se a posição do topo é negativa, verifica se a altura dele ainda
// compensa o que já foi scrollado
if(rect.top < 0 && rect.height + rect.top < 0) {
return false;
}
return true;
};
var asynxNextFreeTime = () => {
return new Promise((resolve) => {
if(window.requestIdleCallback) {
window.requestIdleCallback(resolve, {
timeout: 5000,
});
} else {
window.requestAnimationFrame(resolve);
}
});
};
var asyncValidateIfElIsInViewPort = function(promise, el) {
return promise.then(() => {
if(el) {
if(isElementInViewport(el) == true) {
const cb = elementsToWatch.get(el);
// remove da lista para não ser disparado novamente
elementsToWatch.delete(el);
cb();
}
}
}).then(asynxNextFreeTime);
};
// inicia o fluxo de procura de elementos procurados
var look = function() {
if(window.requestIdleCallback) {
window.requestIdleCallback(findByVisibleElements, {
timeout: 5000,
});
} else {
window.requestAnimationFrame(findByVisibleElements);
}
};
var findByVisibleElements = function(ts) {
var elapsedSinceLast = ts - lastAnimationTS;
// se não teve nenhum evento que possa alterar a página
if(hadAnEvent == false) {
return look();
}
if(elementsToWatch.size == 0) {
return look();
}
if(runningSearch == true) {
return look();
}
// procura por elementos visíveis apenas 5x/seg
if(elapsedSinceLast < 1000/5) {
return look();
}
// atualiza o último ts
lastAnimationTS = ts;
// reseta status de scroll para não entrar novamente aqui
hadAnEvent = false;
// indica que está rodando a procura por elementos no viewport
runningSearch = true;
const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve());
// obtém todos os elementos que podem ter view contabilizados
//elementsToWatch.forEach(function(cb, el) {
// if(isElementInViewport(el) == true) {
// // remove da lista para não ser disparado novamente
// elementsToWatch.delete(el);
// cb(el);
// }
//});
done.then(function() { runningSearch = false; });
// reinicia o fluxo de procura
look();
};
/**
* Quando o elemento `el` entrar no viewport (-20%), cb será disparado.
*/
window.lazyload = function(el, cb) {
if(el.nodeType != Node.ELEMENT_NODE) {
throw new Error("element parameter should be a Element Node");
}
if(typeof cb !== 'function') {
throw new Error("callback parameter should be a Function");
}
elementsToWatch.set(el, cb);
}
var setEvent = function() {
hadAnEvent = true;
};
window.addEventListener('scroll', setEvent, { capture: true, ive: true });
window.addEventListener('click', setEvent, { ive: true });
window.addEventListener('resize', setEvent, { ive: true });
window.addEventListener('load', setEvent, { once: true, ive: true });
window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true });
window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE);
// inicia a validação
look();
})();
Tours virtuais exploram as Sete Maravilhas do Mundo Moderno
Petra, na Jordânia, uma das Sete Maravilhas do Mundo Moderno que podem ser exploradas virtualmente
Imagem: Alex Vasey/Unsplash
Marcel Vincenti
Colaboração para Nossa
22/05/2020 04h00
Conhecer as Sete Maravilhas do Mundo Moderno faz parte da lista de objetivos de muitos viajantes. Mas, nesta época de pandemia, como é possível realizar este sonho?
Enquanto as viagens globais não são retomadas, o Coliseu de Roma, a Grande Muralha da China, o Cristo Redentor, os sítios arqueológicos de Petra e de Chichén Itzá, Machu Picchu e o Taj Mahal podem ser explorados em tours virtuais na internet.
São eios que mostram estes monumentos em detalhes e, às vezes, em imagens de 360º - e que podem aplacar (pelo menos um pouco) a vontade de fazer turismo durante a quarentena.
Uma das mais impressionantes estruturas já construídas pelo homem, ela pode ser "visitada" no site AirPano (https://www.airpano.com/360photo/China-Great-Wall/), que exibe imagens aéreas fantásticas da muralha. No endereço, há imagens de quase 20 trechos da obra, como a seção de Badaling, uma das mais adas por turistas.
Já no site The China Guide, o tour virtual que faz com que o internauta sinta que está caminhando pela muralha (https://www.thechinaguide.com/destination/great-wall-of-china). As imagens não têm a mesma qualidade daquelas oferecidas pelo AirPano, mas propiciam visão de 360º de partes do monumento.
Coliseu de Roma (Itália)
Coliseu
Imagem: Unsplash
Está com tempo sobrando nesta quarentena? Então embarque neste tour virtual por um dos ícones da capital italiana, que tem nada menos do que uma hora de duração.
O eio mostra, praticamente o a o, como é a visita ao mais famoso monumento da capital italiana: no trajeto (que começa na estação do metrô que dá o ao cartão-postal), é possível irar as partes internas e externas do monumento.
Com informações em inglês sobre a história e a estrutura do anfiteatro, o vídeo a pela área das antigas arquibancadas e corredores cobertos da construção, colocando o internauta dentro de um dos mais famosos destinos turísticos do mundo.
O sitio arqueológico fica a aproximadamente 200 quilômetros de Cancún e é um destino turístico imperdível no México.
Porém, enquanto viagens para o país dos mariachis não são possíveis, faça este tour virtual disponível no YouTube, que mostra muitas das estruturas maias que existem no local, como o incrível Templo de Kukulkán, com cerca de 30 metros de altura.
Já para ver o Templo de Kukulkán e outras edificações de Chichén Itzá do alto, e este link do AirPano (https://www.airpano.com/360photo/Chichen-Itza-Mexico) , que faz o internauta sentir que está voando sobre o sítio arqueológico.
Enquanto jornadas para o Peru não são viáveis, o internauta pode ter um gostinho do sítio arqueológico inca neste site (https://www.youvisit.com/tour/machupicchu), que traz lindas imagens em 360º de sua antiga estrutura e da região montanhosa fantástica que a rodeia. Um áudio em inglês fala sobre a história e as construções do lugar.
Já este site (http://machupicchu360vr.com/#/) oferece vídeos em 360º, permitindo que, além de irar as edificações históricas do sítio arqueológico, o internauta ouça os sons da natureza desta região do Peru.
Petra (Jordânia)
Petra, na Jordânia
Imagem: Divulgação
O sítio arqueológico é um destino obrigatório no Oriente Médio.
Com informações em português, o eio coloca o internauta de frente para monumentos como Al-Khaznah, com sua fachada esculpida em um paredão rochoso e que é um dos cartões-postais mais famosos do local.
O tour permite que o usuário se "locomova" por grande parte do sítio arqueológico, trazendo diversas explicações sobre a utilidade das edificações.
Nas imagens em 360º, o monumento carioca compõe paisagem com o resto da cidade do Rio de Janeiro, em um cenário de encher os olhos.
Este site (https://www.youvisit.com/tour/brazil), por sua vez, possibilita que o internauta observe o Cristo do mesmo ângulo visto pelos visitantes do local na vida real, colocando-o aos pés da estátua (e também oferece vista de 360º para a paisagem urbana carioca).
No eio, o internauta pode observar, de diversos ângulos, o que muitas pessoas consideram o edifício mais lindo do mundo.
O Taj Mahal foi construído no século 17 para abrigar o mausoléu da esposa do imperador Shah Jahan e, com sua estrutura de mármore e arquitetura que parece inspirada em um conto de fadas, arrebata turistas que visitam a Índia.
O Google tem ainda outro endereço onde é possível irar, do alto, o Taj Mahal e as outras seis Maravilhas do Mundo Moderno (https://poly.google.com/view/8v-I0wldO1r).
ID: {{comments.info.id}}
URL: {{comments.info.url}}
Ocorreu um erro ao carregar os comentários.
Por favor, tente novamente mais tarde.
{{comments.total}} Comentário
{{comments.total}} Comentários
Seja o primeiro a comentar
Essa discussão está encerrada
Não é possivel enviar novos comentários.
Essa área é exclusiva para você, , ler e comentar.
Só s do UOL podem comentar
Ainda não é ? Assine já.
Se você já é do UOL, faça seu .
O autor da mensagem, e não o UOL, é o responsável pelo comentário. Reserve um tempo para ler as Regras de Uso para comentários.