I am getting an "Internal JavaScript Error" for "audio/mp3" tiddlers

#1

I am getting this error when I open an “audio/mp3” tiddler:

audio error
audio error800×191 6.84 KB

So far this is only happening in Brave browser. I haven’t encountered this error using TiddlyDestktop, Edge, or Chrome.

This happens when I use this method:

<span class="tta-audio-track">
  <audio controls>
    <source src='file-name.mp3' type='audio/mpeg'>
    Your browser does not support the audio element.
  </audio>
</span>

Or this method when I set:
_canonical_uri: to file-name.mp3
type: to audio/mp3

I have noticed that I only get the error when I open the tiddler directly and does not occur when I transclude it from another tiddler. At least not yet.

Edit:
If I were to change $:/config/AnimationDuration to 0 it would prevent the error.

#2

Hi @RedAsset,

which plugins are you using?

Best wishes,
Simon

#3

I am using

  • LeftBar
  • CodeMirror (all)
  • Internals
  • Trigger (triggers action widgets on tiddler load)
  • TW2 Parser

I am also using a Single Tiddler layout from here TiddlyWiki — a non-linear personal web notebook.

Also, I found using this method:

<span class="tta-audio-track">
  <audio controls>
    <source src='file-name.mp3' type='audio/mpeg'>
    Your browser does not support the audio element.
  </audio>
</span>

When I apply this CSS to it:

audio {
	width: 100%;
	object-fit: contain;
}

When I change it to 50%, I don’t get the error.

So, when I use this CSS:

audio {
  width: 50% !important;
}

It fixed all the errors.

I found when the element stretches across 100% of the .tc-tiddler-body is when the error occurs.