10 najważniejszych filmów w historii YouTube

Gangnam Style Psy był pierwszym filmem na YouTube, który osiągnął miliard wyświetleń. (Zdjęcie: YouTube)

Na wypadek, gdybyś potrzebował powodu, by poczuć się starym, YouTube obchodzi w ten weekend swoje 10. urodziny.

Witryna do udostępniania wideo została założona 14 lutego 2005 r. przez trzech byłych pracowników PayPal — Steve Chen, Chad Hurley i Jawed Karim. Została przejęta w następnym roku przez Google za 1,65 miliarda dolarów i od tego czasu stała się trzecią najpopularniejszą witryną w Internecie — przewyższył tylko przez Google i Facebooka.

Aby uhonorować, że YouTube ma już całą dekadę, przygotowaliśmy listę 10 najważniejszych filmów, jakie kiedykolwiek przesłano do serwisu. Kiedy mówimy „ważne”, mamy na myśli filmy, które głęboko wpłynęły na pozycję YouTube na świecie – jak pierwszy film, który osiągnął miliard wyświetleń, lub seria filmów, która pomimo oszustwa, pomogła ugruntować YouTube jako legalne medium narracyjne.

Oto nasze typy:

1) Ja w Zoo

Na pierwszy rzut oka nic o mnie w zoo nie wydaje się szczególnie wyjątkowe – to tylko niezgrabnie wyglądający koleś opisujący kilka słoni. Ale ten 18-sekundowy film, opublikowany przez założyciela YouTube, Jawed Karim 23 kwietnia 2005 roku, był pierwszym filmem zamieszczonym na stronie. Może nie jest to najśmieszniejszy, artystyczny ani najbardziej interesujący film, jaki kiedykolwiek nakręcono, ale rzecz jest praktycznie historycznym artefaktem.

żałosne, prawdopodobnie się stanie</a> — zademonstrował potencjał YouTube jako startera dla przyszłych megagwiazd.<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) Licealista wychodzi na apel

Szukaj w YouTube już dziś, a znajdziesz niekończącą się listę filmów, w których młodzi LGBT odważnie wychodzą do swoich przyjaciół i rodziny. Na przykład w YouTube występują Austin i Aaron Rhodes, ostatnio opublikowany do teraz wirusowe wideo w którym zadzwonili do taty i powiedzieli mu, że oboje są gejami.

Ale kilka lat temu filmy wychodzące nie były tak popularne w YouTube, jak są dzisiaj. Co pomogło pobudzić ruch? Mamy ogromne uznanie dla Kayli Kearney, uczennicy liceum, która ogłosiła swojej szkole, że jest gejem, a następnie udostępniła wideo z jej przemową na YouTube w styczniu 2011 roku.

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

6) KONY 2012

Ach, nasz stary przyjaciel KONY 2012: wideo, które wypuściło tysiąc, a może nawet 100 milionów slacktivistów.

KONY 2012, którego celem było zmobilizowanie widzów przeciwko przywódcy partyzantki Josephowi Kony, dowiodło dwóch kluczowych rzeczy: że YouTube może być używany do tego, aby ludzie byli naprawdę podekscytowani pomysł czegoś, ale z drugiej strony, że sama kampania w mediach społecznościowych w USA niekoniecznie wystarczy, aby pokonać bardzo prawdziwego afrykańskiego watażkę.

8) Filmy zarabiające miliony dolarów w YouTube Stars

Dzisiaj nie wszyscy przesyłają filmy na YouTube wyłącznie dla zabawy; są też gwiazdy YouTube, które zarabiają duże pieniądze dzięki przychodom z reklam generowanych przez ich filmy. Chociaż Google dokonuje znacznej części tych zarobków, niektóre wielkie nazwiska wciąż są w stanie przynosić miliony dolarów – tak, miliony dolarów – rocznie.

PewDiePie , szwedzki YouTuber znany z filmów o grach, jest uważany za najlepiej zarabiającą gwiazdę. Oto najwcześniejszy film opublikowany na jego kanale, opublikowany w październiku 2010 roku:

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 = $("#54f0e01c01de5af98dc59ce306882149").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 = $(".79a56ade6f4d9440098e9e6551628b3b").offset().top; var eh = $(".79a56ade6f4d9440098e9e6551628b3b").outerHeight(); var dh = $(document).height(); if (wt + wh >= et || wh + wt == dh || eh + et < wh) { if (!busy) { busy = true; $(".56c20b25fbedc9304b097ab13fa896c9").removeClass("56c20b25fbedc9304b097ab13fa896c9"); atr = atr + 1; get_url = urls[atr] + " .56c20b25fbedc9304b097ab13fa896c9"; 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"; $(".79a56ade6f4d9440098e9e6551628b3b").load(get_url); setTimeout(function () { $(".56c20b25fbedc9304b097ab13fa896c9").unwrap(); id = jQuery(".56c20b25fbedc9304b097ab13fa896c9").attr("id"); $("#" + id).after($("<div class='79a56ade6f4d9440098e9e6551628b3b'>")); busy = false; $(".56c20b25fbedc9304b097ab13fa896c9").removeClass("56c20b25fbedc9304b097ab13fa896c9"); 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>