Как воспроизвести локальный файл?

Question

[anderson_en]

Как воспроизвести mp3 файл из локальной папки расширения хром?
Делаю так:

var audio = new Audio('Sounds/1.mp3');
audio.play();

А он ругается, что я хочу воспроизвести с сайта, на котором нахожусь:

GET https://site.com/Scripts/1.mp3 404 (Not Found)

Comments

[imko]

https://caniuse.com/native-filesystem-api есть еще вот такая штука

Answer 1

[Radiks Alijevs]

Привет!

Если не ошибаюсь, это должно выглядет так:

var audio = new Audio(chrome.runtime.getURL('Sounds/1.mp3'));
audio.play();

И в manifest.json

"web_accessible_resources": [ "*.mp3" ]

Comments

[anderson_en]

Спасибо!

Answer 2

[Rerurk]

Js нет имеет доступа к вашим данным на компе.

Answer 3

[Надим]

Rerurk, anderson_en,

JavaScript имеет доступ к файлам на диске, просто надо запрос делать:

var input = document.createElement('input');
input.setAttribute('type', 'file');

input.addEventListener('change', function() {
	var link = URL.createObjectURL(input.files[0]);
	var audio = new Audio(link);
	audio.play();
});

input.click();

Comments

[Rerurk]

Правильно. Вы даёте путь браузору в его окружение, а не в систему

Answer 4

[Евгений]

1. Как уже сказали выше, Js работает внутри браузера и не имеет доступа к файловой системе компьютера.
2. Вы будете просить пользователя вместе с расширением, создавать папку и помещать туда mp3 файл?

Как вариант решения проблемы, сохраните файл где нибудь на сервере и получайте файл с сервера.

Comments

[anderson_en]

В планах сохранять несколько звуковых файлов в папке расширения.
С сервера брать не проблема, пока у пользователя есть интернет. Да и лишний раз выходить в сеть не хотелось бы.