Запретить музыкальному проигрывателю JavaScript / HTML5 показывать URL местоположения мультимедиа

702
how2play

Можно ли как-нибудь помешать этому музыкальному проигрывателю на основе HTML5 / JavaScript отображать URL-адрес местоположения песни, которую он настроил для воспроизведения с сервера моего сайта? Я сам искал решение, но безрезультатно.

Это второй последний скрипт, указанный здесь: Использование JavaScript для управления аудиообъектом (HTML5)

Заголовок: Audio PlayRate Пример

пример

0
Не могли бы вы включить скриншот того, что вы видите, когда запускаете этот скрипт? Вероятный ответ - нет. Даже если бы вы сделали, это все равно было бы в источнике с этим примером. Seth 6 лет назад 0
Привет, Сэт, спасибо за ответ, вот что я получил из сценария. Как видите, полный URL обнажён! [Результирующий проигрыватель с частично цензурированным URL источника мультимедиа] https://i.stack.imgur.com/bQRBn.jpg how2play 6 лет назад 0

1 ответ на вопрос

1
Seth

Я не совсем уверен, какова ваша цель, но давайте все равно начнем с нее.

Страница, на которую вы ссылаетесь, содержит примеры того, как взаимодействовать с аудиоэлементом HTML5 с помощью JavaScript. В зависимости от вашей цели нормального аудио тега HTML5 уже может быть достаточно. См. Также Начало работы с аудиоэлементом HTML5, на который есть ссылка в статье, на которую вы ссылались.

Если мы возьмем пример кода и сделаем снимок экрана с результатом, верхний будет стандартный (зависимый от браузера) проигрыватель аудиотегов HTML5. Страница и сценарий включают в себя все остальные части.

Image of the audio player(s)

Фактический сценарий состоит в том, что он берет входные данные из элемента ввода HTML (который содержит файл) и назначает его в качестве источника для аудиотега. Статья, на которую вы ссылаетесь, имеет довольно длинное объяснение этому, вы читали это?

Чтобы на самом деле избавиться от прямого отображения, есть несколько вариантов.

  • Скрыть ввод с помощью CSS
  • Скрыть ввод с помощью JS
  • Используйте другой вид элемента или фрагмента кода, чтобы сделать его источником информации о том, какой файл воспроизводить.

Правильный подход, вероятно, будет состоять в том, чтобы использовать часть JS для получения источника вместо фактического HTML-элемента в источнике.

Простым прерывистым решением было бы изменить атрибут типа <input type="text" id="audioFile" value="__file__" size="60" />на type="hidden".

Недостатком было бы то, что вы не можете просто поместить другой файл в поле ввода и позволить ему воспроизвести (вручную).

Вы действительно продемонстрировали то, что я хочу, на своем скриншоте, где он просто показывает «SoundHelix-Song-1.mp3», без пути. Было бы приятно узнать, как ты это сделал, потому что это все, что я ищу. how2play 6 лет назад 0
Я хочу, чтобы путь к файлу MP3 был скрыт. Я просто хочу, чтобы появилось имя MP3, а не путь. Я понимаю, что можно просто указать имя MP3 в качестве пути, ЕСЛИ веб-страница, содержащая скрипт, находится в той же папке, что и MP3. Однако мне нужен один и тот же скрипт на нескольких веб-страницах в разных местах. Поэтому я действительно хочу просто НЕ показывать путь к файлу, это все, что я хочу. Я просто хочу, чтобы отображался заголовок MP3, без пути. Ни одна из упомянутых вами статей не показывает, как это сделать, и я уже взглянул на них. Кроме того, я просто парень, выходящий с улицы, без навыков. how2play 6 лет назад 0
Я сделал это, просто используя относительный путь. Вы можете сделать это для каждого из ваших сайтов (без особых усилий). В качестве альтернативы вы должны начать понимать, как работает JavaScript, потому что он вам понадобится в этом случае. По сути, вам нужно будет использовать простую замену строк (при условии, что путь к файлам остается прежним) или вам придется делать это на своем бэкэнде (опять же простая замена), но вместо одного есть два входа. Один скрыт с полным путем, а другой - только с именем файла. Seth 6 лет назад 0
Правильно, значит, вы знаете, что я новичок. Вы, кажется, думаете, что у меня есть несколько сайтов и другие недоразумения. Извините, что не уточнил, но я просто хочу, чтобы название песни отображалось, и я только начинающий. Если вы не собираетесь помогать, то, пожалуйста, не вмешивайтесь, так как я не хочу здесь искать сокровища. how2play 6 лет назад 0
`... хочу один и тот же скрипт на нескольких веб-страницах в разных местах ...` - это то, что вы сказали. Если вы используете абсолютную ссылку, как и раньше (включая http и т. Д.), Она работает независимо от того, где вы ее разместили. Если вы используете относительную ссылку, это не так, и, кажется, вы уже пробовали это. Простое решение - включить весь архив в каждую отдельную папку, в которой находится веб-страница, на которой должен быть проигрыватель. Не то, что вы хотите сделать? Иди и изучи немного JavaScript. Не похоже, что вы потратили какое-то время, чтобы понять, что написано в примере, и поиграться с ним. Seth 6 лет назад 0
В этом руководстве даже прямо упоминается, что `audioElm.src` - это то, что действительно важно, чтобы эта работа работала. Кроме того, я даже объяснил вам, что вам нужно делать. Вам просто нужно посмотреть, как обрабатывать переменные в JS и изменять значение текстового поля (оно уже читается в строке 44, так что, возможно, вы можете написать его?). Я не стану более явным, чем это. Вы новичок? Чем начать узнавать о том, что вы хотите сделать, вместо того, чтобы кто-то делал работу за вас. Вы хотите, чтобы кто-то сделал работу за вас? Заплатите им или спросите очень хорошо. Seth 6 лет назад 0
Я говорил вам несколько раз, что вам нужно установить переменную с URL (фактической переменной или скрытым вводом), назначить ее аудиоэлементу, сократить его до имени файла и поместить его во входные данные. Если вы не можете решить эту проблему, вы, вероятно, скоро столкнетесь с проблемами. Все элементы для этого в вашем примере. Например, у вас есть лишние элементы воспроизведения, и вы можете захотеть воспроизвести более одной песни. Если вы не понимаете, как работать с переменными, вы, вероятно, никуда не денетесь. Кроме того, вы уже находитесь на сайте Stack Exchange. Seth 6 лет назад 0
Спасибо за вашу помощь. Я понятия не имею, о чем вы говорите, и все, что я хотел, это знать, как сделать так, чтобы на дисплее отображалось только имя MP3, без пути к файлу. Как я объяснил, я на самом базовом уровне, и я знаю, что я могу просто разместить песни в одной папке, и таким образом мне нужно только указать название песни, и это также то, что будет отображаться в имени пути и так окольным путем, в конце концов, я буду отображать только название песни. Однако я хотел сказать сценарию отображать «Название песни» и связать его с путем к файлу, но на дисплее будет отображаться только «Название песни». how2play 6 лет назад 0
Пожалуйста, не путайте вопрос (= предыдущее предложение, которое равняется тому, что вы также говорите мне, что я должен сделать как * решение *) с решением (= как именно я это делаю?). Еще раз спасибо за вашу помощь. how2play 6 лет назад 0

Похожие вопросы