Помогите вставить тег audio в path

Question

Всем привет ! Есть такой код

    <svg viewbox="0 0 998.66669 632">
        <path data-text="222" data-photo="/pubs/share/direct/508202351.jpg" data-title="111" class="interactive__point" d="m 296.1451,111.72287 21.67973,-21.390665 22.40239,22.113325 -22.11333,22.11332 z"/>
</svg>

в него нужно добавить

<audio controls="controls" height="43" preload="none" src="/508202559.wav" width="400">&nbsp;</audio>

Подскажите, каким образом можно audio вставить в path. Cпасибо !

Answer 1

В тег <path> кроме координат, команд для кривых и стилей представления больше ничего невозможно добавить.
Наверное вы хотели, чтобы фигура svg была управляющим элементом для <audio>

var zodiac = new Audio();
zodiac.src = src="https://svg-art.ru/files/Kendi Dalfer–Meeting.mp3";

function play() {
  zodiac.play();
}

 <svg viewbox="0 0 998.66669 632">
   <g id="btn1"  onclick='play()' >
   <text x="296" y="90" font-size="48px" >Play </text>
    <path data-text="222" data-photo="/pubs/share/direct/508202351.jpg" data-title="111" class="interactive__point" d="m 296.1451,111.72287 21.67973,-21.390665 22.40239,22.113325 -22.11333,22.11332 z"/>
  </g> 
</svg>

Answer 2

Всем спасибо за участие в решении проблемы ! Ввёл доп. data-атрибут с src аудио, а вывел сам плеер через js.

БЛОГ НА HUSL

Помогите вставить тег audio в path

Ответы (2 шт):