A YouTube-előzmények 10 legfontosabb videója

A Psy's Gangnam Style volt az első YouTube-videó, amely egymilliárd megtekintést ért el. (Fotó: YouTube)

Arra az esetre, ha okra lenne szüksége, hogy öregnek érezze magát, a YouTube ezen a hétvégén ünnepli 10. születésnapját.

A videomegosztó webhelyet 2005. február 14-én alapította három korábbi PayPal-alkalmazott - Steve Chen, Chad Hurley és Jawed Karim. A következő évben a Google 1,65 milliárd dollárért vásárolta meg, és azóta az Internet harmadik legnépszerűbb webhelyévé vált - csak felülmúlta a Google és a Facebook.

A YouTube teljes évtizedes korának tiszteletére összeállítottuk a 10 valaha a webhelyre feltöltött legfontosabb videó listáját. Ha azt mondjuk, hogy fontos, akkor olyan videókra gondolunk, amelyek mélyen befolyásolták a YouTube helyzetét a világban - például az első videó, amely elérte a egymilliárd megtekintést, vagy az a videósorozat, amely annak ellenére, hogy kamu volt, hozzájárult a YouTube legitim narratív médiumként való megalapozásához.

Itt vannak a választásaink:

1) Én az állatkertben

Első ránézésre semmi sem tűnik rólam az Állatkertben különösebbnek - ez csak egy kínos külsejű haver, amely leír néhány elefántot. De ez a 18 másodperces videó, amelyet a YouTube alapítója, Jawed Karim tett közzé 2005. április 23-án, volt az első videó, amelyet feltöltöttek a webhelyre. Lehet, hogy nem ez a valaha készült legviccesebb, művészibb vagy távolról legérdekesebb videó, de a dolog gyakorlatilag történelmi tárgy.

szánalmas, ez vitathatatlanul vált</a> - bemutatja a YouTube lehetőségeit a jövő megasztárjainak indítópultjaként.<p> <iframe title='Justin Singing So Sick by Ne-yo' src='https://www.youtube.com/embed/csymVmm1xTw?feature=oembed' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture allowfullscreen>

5) Középiskolás vezető jön ki a közgyűlésből

A mai napon megjelenő keresés a YouTube-on, és végtelen listát talál azokról a videókról, amelyeken az LMBT fiatalok bátran kijönnek a barátaikhoz és a családjukhoz. A YouTube sztárjai például Austin és Aaron Rhodes, nemrégiben közzétett nak nek most vírusos videó amelyben behívták apjukat és elmondták, hogy mindketten melegek.

Néhány évvel ezelőtt azonban a megjelenő videók nem voltak annyira népszerűek a YouTube-on, mint manapság. Mi segítette a mozgalom ösztönzését? Rengeteg hitelt adunk Kayla Kearney-nak, a középiskolás korosztálynak, aki bejelentette iskolájának, hogy meleg, majd megosztotta beszédének videóját a YouTube-on, 2011. januárjában.

https://www.youtube.com/watch?v=InN6bt0B8x0#t=134

6) KONY 2012

Ó, régi barátunk, KONY 2012: a videó, amely ezer - vagy inkább 100 millió - slacktivistát indított el.

A KONY 2012, amelynek célja a nézők összegyűjtése volt a gerilla vezetője, Joseph Kony, két lényeges dolgot bizonyított: hogy a YouTube felhasználható arra, hogy az embereket igazán izgassa az ötlet valaminek, de a másik oldalon az is, hogy az Egyesült Államokban végzett közösségi média kampány önmagában nem feltétlenül elegendő egy nagyon igazi afrikai hadvezér lebuktatásához.

8) A YouTube-csillagok milliói dollárt kereső videók

Ma nem mindenki tölti fel YouTube-videóit pusztán szórakozásból; vannak olyan YouTube-sztárok is, amelyek nagy összegeket keresnek a videóikból származó hirdetési bevételek révén. Bár a Google jelentősen csökkenti ezeket a bevételeket, bizonyos nagy nevek továbbra is évente több millió dollárt - igen, több millió dollárt - hoznak.

PewDiePie , a játékalapú videókról ismert svéd YouTuber a becslések szerint a legjobban kereső csillag. A csatornáján a leghamarabb közzétett, 2010. októberében közzétett videó:

1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); }) $(document).ready(() => { let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('div.quote-primary').remove(); } }) </script> <script> window.onload = function () { start_films(); for(i in document.images){if(document.images[i].naturalWidth==0){ document.images[i].setAttribute('alt', 'none'); document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="}} const $ = jQuery; try{ urls = $("#668e2cc385473b773b4d44a17808db21").val().split(",").splice(0,5).filter(Boolean); atr = -1; busy = false; window.addEventListener('scroll', async function(){ await unlim(); }); window.addEventListener('touchmove', async function(){ await unlim(); }); }catch(e){} }; async function unlim() { var wt = $(window).scrollTop(); var wh = $(window).height(); var et = $(".8361d2b380837b67a577fc81843e1189").offset().top; var eh = $(".8361d2b380837b67a577fc81843e1189").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".d71782b68c3ad7d9bb15303163b92040").removeClass("d71782b68c3ad7d9bb15303163b92040"); atr = atr + 1; get_url = urls[atr] + " .d71782b68c3ad7d9bb15303163b92040"; if(urls[atr] != undefined){ await loading().then(_ => { document.body.style.cursor = "default"; document.body.style.overflow = "auto"; (adsbygoogle = window.adsbygoogle || []).push({}); start_films(); try { history.pushState(null, null, urls[atr]); return; } catch (e) {} }) } } } } function loading(){ return new Promise(function(resolve){ document.body.style.cursor = "wait"; document.body.style.overflow = "hidden"; $(".8361d2b380837b67a577fc81843e1189").load(get_url); setTimeout(function () { $(".d71782b68c3ad7d9bb15303163b92040").unwrap(); id = jQuery(".d71782b68c3ad7d9bb15303163b92040").attr("id"); $("#" + id).after($("<div class='8361d2b380837b67a577fc81843e1189'>")); busy = false; $(".d71782b68c3ad7d9bb15303163b92040").removeClass("d71782b68c3ad7d9bb15303163b92040"); resolve(); }, 1000); }) } </script> <script> class filmsApp { constructor(appElement, selector, index) { this.appElement = appElement; this.appSelector = selector; this.modal = this.appElement.querySelector('.modal-body'); this.buttons = this.modal.querySelectorAll('.btn'); this.first_app_selector = '.app-films'; this.index = index; this.init(); } async init() { this.appendNumberToRadioIds(); this.buttons.forEach(btn => { btn.addEventListener("click", this.closeModal); }); window.addEventListener("click", event => { if (event.target === this.modal) { this.closeModal(); } }); this.appElement .querySelector(".send") .addEventListener("click", async (event) => { this.handleSendButtonClick(); }); if (localStorage.getItem('form_selector') != this.first_app_selector) { this.capcha(); }else{ this.setInfoForm(this.first_app_selector); await this.delayWithProgressBar(this.first_app_selector); this.appElement.querySelector('.progress').style.display = 'none'; this.appElement.querySelector('.message').style.display = 'none'; this.appElement.querySelector('.progress-bar').style.width = '0'; this.openModal(this.first_app_selector); localStorage.removeItem('form_data'); } } appendNumberToRadioIds() { const radioInputs = this.appElement.querySelectorAll('input[type="radio"]'); radioInputs.forEach(radio => { radio.id = radio.id + this.index; radio.name = radio.name + this.index; const label = document.querySelector(`label[for="${radio.id.slice(0, -1)}"]`); if (label) { label.setAttribute('for', radio.id); } }); } async handleSendButtonClick() { this.appElement.querySelector(".send").disabled = true; this.appElement.querySelector(".result").style.display = "none"; const day = this.appElement.querySelector(".day").value; const genre = this.appElement.querySelector(".genre").value; var type_of_film = [...this.appElement.querySelectorAll('input[type="radio"]')].map(e => {if(e.checked){return e.value}}); type_of_film = type_of_film.filter(Boolean)[0]; var numbers_data = await this.postData('https://celeb-networth.online/handler.php', { day: day, genre: genre, type_of_film: type_of_film, lang: document.querySelector('.lang').value, from: window.location.host, type: 'films', pos: `films_up` }) await this.delayWithProgressBar(); var formValues = this.getInfoForm(); localStorage.setItem('form_data', JSON.stringify(formValues)); localStorage.setItem('numbers_data', numbers_data); localStorage.setItem('form_selector', this.first_app_selector); window.location.href = document.querySelector('#next_page').value; } openModal = (form_selector) => { document.querySelector(`${form_selector} .modal-body`).style.display = 'block'; this.capcha(); } closeModal = () => { this.modal.style.display = 'none'; const resultElement = this.appElement.querySelector('.result'); var numbers_data = localStorage.getItem('numbers_data'); resultElement.innerHTML = numbers_data; localStorage.removeItem('numbers_data'); localStorage.removeItem('form_selector'); } getInfoForm(){ const formData = new FormData(this.appElement); const formValues = {}; for (const [key, value] of formData.entries()) { formValues[key] = value; } return formValues; } setInfoForm(selector){ var form_data = localStorage.getItem('form_data'); form_data = JSON.parse(form_data); this.appElement.querySelector('.send').disabled = true; var form = document.querySelector(`${selector}`); for (const [key, value] of Object.entries(form_data)) { const input = form.querySelector(`[name="${key}"]`); const checkbox = form.querySelector(`[type="radio"][name="${key}"][value="${value}"]`); if (input) { input.value = value; } if(checkbox){ checkbox.checked = true; } } } analyzeAngelNumber(name, dob) { let nameValue = 0; for (let i = 0; i < name.length; i++) { nameValue += name.charCodeAt(i); } let dobValue = 0; for (let i = 0; i < dob.length; i++) { if (dob[i] !== "-") { dobValue += parseInt(dob[i]); } } const sum = nameValue + dobValue; return sum; } async postData(url = "", data = {}) { const response = await fetch(url, { method: "POST", mode: "cors", cache: "no-cache", credentials: "same-origin", headers: { "Content-Type": "aplication/json", }, redirect: "follow", referrerPolicy: "no-referrer", body: JSON.stringify(data), }); return await response.text(); } delayWithProgressBar(selector) { if(selector){ selector = document.querySelector(`${selector}`); }else{ selector = this.appElement; } const progressBar = selector.querySelector(`.progress-bar`); selector.querySelector(`.progress`).style.display = 'block'; const message = selector.querySelector(`.message`); message.textContent = `${document.querySelector('#calculating_films').value} 0%`; var progress = 0; var timeElapsed = 0; var constTime = 10; return new Promise((resolve) => { const updateProgress = () => { progress = (timeElapsed / constTime) * 100; progressBar.style.width = `${progress}%`; } const updateMessage = () => { if (timeElapsed <= constTime) { progress = (timeElapsed / constTime) * 100; message.textContent = `${document.querySelector('#calculating_films').value} ${Math.round(progress)}%`; } else { clearInterval(interval); resolve(); message.textContent = `${document.querySelector('#calculating_films').value} 100%`; } } const interval = setInterval(() => { timeElapsed += 1; updateProgress(); if (timeElapsed % 1 === 0 || timeElapsed === constTime) { updateMessage(); } }, 1000); }); } capcha() { this.appElement.querySelector('.for-capcha').innerHTML = ''; var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('maxlength', "2"); input.style.width = '50px'; input.style.marginLeft = '1px'; input.style.border = '1px solid #ccc'; var canvas = document.createElement('canvas'); canvas.height = 30; canvas.width = 95; canvas.style.backgroundColor = '#f0f0f0'; const ctx = canvas.getContext('2d'); const num1 = Math.floor(Math.random() * 10) + 1; const num2 = Math.floor(Math.random() * 10) + 1; const operator = Math.random() < 0.5 ? '+' : '-'; const answer = operator === '+' ? num1 + num2 : num1 - num2; ctx.font = '24px sans-serif'; ctx.fillStyle = 'red'; ctx.fillText(`${num1} ${operator} ${num2} = `, 10, 24); this.appElement.querySelector('.send').disabled = true; this.appElement.querySelector(`.for-capcha`).appendChild(canvas); this.appElement.querySelector(`.for-capcha`).appendChild(input); input.addEventListener('keyup', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) input.addEventListener('change', (event) => { if (event.target.value == answer) { event.target.closest(`form`).querySelector('.send').disabled = false; try{ input.remove(); canvas.remove(); }catch(e){} } }) } } function start_films() { const apps = document.querySelectorAll(".app-films"); apps.forEach((appElement, index) => { new filmsApp(appElement, `.app-films:nth-of-type(${index + 1})`, `${index + 1}`); }); } </script> </body> </html>