Тип работы:
Предмет:
Язык работы:


РАЗРАБОТКА РАСШИРЕНИЯ БРАУЗЕРА BRAVE, ПОЗВОЛЯЮЩЕЕ СКАЧИВАТЬ ВИДЕО С СЕРВИСА YOUTUBE

Работа №179888

Тип работы

Бакалаврская работа

Предмет

математика и информатика

Объем работы30
Год сдачи2023
Стоимость4230 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
5
Не подходит работа?

Узнай цену на написание


АННОТАЦИЯ 3
ВВЕДЕНИЕ 6
1 Теоретическая часть 8
1.1 Структура расширений 8
1.2 Обзор средств разработки расширений 9
1.3 Особенности разработки расширений при помощи JavaScript,
HTML/CSS 10
1.4 Что такое API? Виды и структура запросов на API платформы 12
1.5 Особенности построения запросов на API для расширений браузера.. 13
1.6 Анализ расширений в магазине расширений 14
2 Программная часть расширения 15
2.1 Структура разработанного расширения 15
2.2 Файл manifest.json 16
2.3 Файл backgrounds 18
2.4 Файл common.js 19
2.5 Файл notification.] s 20
2.6 Файл ui.js 21
2.7 Файл youtube-video-downloader.js 22
2.8 Файл youtube-video-downloader.css 23
2.9 Файл Purify.min.js 24
3 Использование конечного продукта пользователем 25
3.1 Установка расширения 25
3.2 Функции расширения. Условия для его работы 27
ЗАКЛЮЧЕНИЕ 29
СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 30


В наше время самым популярным сервисом по просмотру и загрузке видеоматериалов является сервис Youtube, но многие пользователи данного сервиса испытывают дискомфорт из-за встроенной в видео рекламы. Не так давно на просторах всемирной паутины появился браузер Brave. Brave — веб-браузер со свободным и открытым исходным кодом на основе веб¬браузера Chromium на движке Blink, анонсированный соучредителем корпорации Mozilla Project и создателем JavaScript Бренданом Эйхом. Главной особенностью данного браузера является повышенная конфиденциальность пользователя. Браузер блокирует трекеры сайтов и автоматически удаляет рекламу. Но, так как браузер достаточно новый, расширений его функционала существует не так много, а если рассматривать расширения для конкретных сайтов, выбор сокращается до минимума. В качестве объекта для расширения функционала я выбрал самую популярную платформу для просмотра видеороликов Youtube.
Платформа YouTube была создана в 2005 году тремя сотрудниками PayPal, которым было неудобно отправлять друг другу видео по электронной почте. Для этого они решили создать сайт на котором люди могли загружать и просматривать видео. Уже через год владельцы сайта продали его Google за 1.65 миллиарда долларов. На данный момент YouTube является одним из самых популярных платформ для загрузки и просмотра видео в мире с более чем 2 миллиардами активных пользователей в месяц. Но в Youtube не предусматривается такая функция, как возможность загрузить желаемое видео себе на устройство. Всвязи с этим пользователи начали создавать расширения для данной платформы, обладающие разным функционалом. От скачивания видео до различных взаимодействий со списком отложенных к просмотру видео. В настоящее время существует огромное множество расширений браузера, расширяющих функционал платформы YouTube, но 90% из них предоставляют лишь возможность скачать просматриваемое видео. Множество из них лишь перенаправляют пользователя на сторонние сервисы для взаимодействия с видео, либо и вовсе не работают с обновленным интерфейсом сайта.
Целью данной работы является создание расширения браузера, позволяющее скачивать видеоматериалы с сервиса YouTube с возможностью выбора качества скачиваемого видеоматериала(до 720р). Для достижения данной цели были поставлены следующие задачи:
1. Изучение основ синтаксиса языка Java Script.
2. Изучение структуры расширений.
3. Изучение построения запросов на API сервиса Youtube.
4. Поиск возможных способов скачивания видео.
5. Поиск возможных способов извлечения аудиоряда из видео.
6. Написание пользовательского интерфейса.
7. Тестирование и анализ созданного расширения.


Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!


Целью работы ставилась разработка небольшого по объему и простого в использовании расширения браузера для добавления возможности скачивать видео с платформы Youtube в различных качествах.
В процессе работы были выполнены следующие задачи:
1. Проведен анализ существующих аналогов с похожим функционалом. Это позволило выделить ключевые моменты, из-за которых пользователи обращались к данным расширениям, учесть их недостатки и возможные проблемы.
2. Был проведен анализ существующих средств разработки расширений браузера, что позволило выбрать оптимальный язык разработки, а именно JavaScript.
3. Был создан небольшой пользовательский интерфейс в виде интерактивной кнопки с выпадающим списком возможных загрузок видео.
Поставленная цель выполнена в полном объеме. Разработано и протестировано расширение браузера Brave, позволяющее скачивать видео с платформы Youtube с возможностью выбора качества загружаемого видеофайла.
Созданное расширение простое и удобное в использовании Оно будет полезно как для рядовых пользователей сети интернет, так и для создателей различного контента, ведь загрузка видео не предусмотрена функционалом сервиса Youtube.



1. Руководство по JavaScript [Электронный ресурс] // LEARN. JAVASCRIPT.RU: Современный учебник JavaScript. URL: https://leam.javascript.ru (дата обращения 12.02.2023).
2. Работа с данными в формате JSON [Электронный ресурс] // INTUIT.RU: Национальный Открытый Университет «ИНТУИТ». URL: https://intuit.ru/studies/courses/19522/1309/lecture/28910 (дата обращения 12.02.2023).
3. Практика API вызовов. [Электронный ресурс] URL: https://skillbox.ru/media/code/chto takoe api/ (дата обращения 17.03.2023).
4. Руководство по обратной совместимости. [Электронный ресурс] URL: https://developers.google.com/youtube/compatibility guidelines?hl=ru (дата обращения 17.03.2023).
5. Power Query. Youtube Data API. Примеры запросов. [Электронный ресурс] URL: https://comrade-xl.ru/2021/04/08/pq-web-youtube-data-api-samples/ (дата
обращения 17.03.2023).
6. Русская документация по JQuery. [Электронный ресурс] URL: https://jquery-docs.ru/ (дата обращения 26.03.2023).
7. Предотвращение DOM XSS - уязвимостей при помощи Trusted Types.
[Электронный ресурс] URL: https://web.dev/il8n/ru/trusted-
types/#:~:text=DOMPurify%20%D0%BF%D0%BE%D0%B4%D0%B4%DQ %B5%Dl%80%D0%B6%D0%B8%D0%B2%D0%B0%D0%B5%Dl%82%20
%D0%B4%D0%BE%D0%B2%D0%B5%Dl%80%D0%B5%D0%BD%D0%
BD%Dl%8B%D0%B5%20%Dl%82%D0%B8%D0%BF%Dl%8B%20%D0 %B8,%D0%B 1 %D 1 %83%D0%B4%D 1 %83%D 1 %82%20%D0%B2%D0%B E%D0%B7%D0%BD%D0%B8%D0%B A%DO%BO%D 1 %82%D 1 %8C%20 %D 1 %81 %DO%B E%DO%BE%DO%B 1 %D 1 %89%D0%B5%D0%BD%D0% B8%D 1 %8F%20%D0%BE%20%D0%BD%D0%B0%D 1 %80%D 1 %83%D 1 %88%D0%B5%D0%BD%D0%B8%D 1 %8F%D 1 %85. (дата обращения 15.04.2023).
8. Особенности разработки расширений для Chrome. [Электронный ресурс] URL: https://www.pvsm.ru/iavascript/28546 (дата обращения 18.04.2023).



Работу высылаем на протяжении 30 минут после оплаты.




©2025 Cервис помощи студентам в выполнении работ