Как проверить, существует ли внешний mp3, перехватывая поведение аудиоплеера

Question

Когда я вставляю и отправляю внешний mp3-файл на свой собственный веб-сайт, если целевой файл был удален с целевого сервера, проигрыватель html5 будет недоступен, а элементы управления отключены. Как я могу поймать это событие и показать доступность mp3 другими способами, такими как зеленая или красная галочка. Поскольку доступный файл STATUS отображается в браузере, я думаю, что должно быть событие или способ узнать окончательный статус. Как я могу узнать статус доступности?

Это пример кода, который я ищу, но заменив STATUS CHANGE и STATUS :

<audio controls id="mymp3">
  <source src="http://example.com/1.mp3" type="audio/mpeg">
</audio>

$("#mymp3").on("STATUS CHANGE", function() {
 if (STATUS) { 
   $("#checkmark").attr("src","green.png");
 } else {
   $("#checkmark").attr("src","red.png");
 }
})

Answer 1

Проверить наличие файла можно с помощью методов jQuery и head.

$.ajax({
    url:'http://site/somefile.mp3',
    type:'HEAD',
    error: function() {
        // not exists
    },
    success: function() {
        // exists
    }
});