{"id":7463,"date":"2026-11-03T09:21:41","date_gmt":"2026-11-03T09:21:41","guid":{"rendered":"https:\/\/thoth.dk\/?p=7463"},"modified":"2026-11-03T11:36:51","modified_gmt":"2026-11-03T11:36:51","slug":"audio-med-undertekst","status":"publish","type":"post","link":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/","title":{"rendered":"Audio med undertekst"},"content":{"rendered":"\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure  class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1441\" height=\"1540\" alt=\"\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg\" class=\"wp-image-7473 size-full\" srcset=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg 1441w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar-281x300.jpg 281w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar-958x1024.jpg 958w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar-768x821.jpg 768w, https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar-1437x1536.jpg 1437w\" sizes=\"auto, (max-width: 1441px) 100vw, 1441px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"is-style-text-subtitle is-style-text-subtitle--1 wp-block-paragraph\">S\u00e5dan kan du l\u00e6gge tekst under en audio-fil i WordPress med HTML, CSS og JavaScript via blokken &#8220;Tilpasset HTML&#8221;.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Tekstning af lydfiler kan v\u00e6re n\u00f8dvendigt for at hj\u00e6lpe personer med h\u00f8reneds\u00e6ttelse. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ekspemplet g\u00f8r det let at navigere, fx hvis der er tale om en l\u00e6ngere lydfil.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e5 HTML<\/h3>\n\n\n\n<!-- ===== Tekstet lydafspiller \u2013 inds\u00e6t i blokken \"Tilpasset HTML\" ===== -->\n<div class=\"tl-afspiller\" data-vtt=\"\">\n  <audio controls preload=\"metadata\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/slideTelecaster.mp3\"><\/audio>\n  <div class=\"tl-tekst\" aria-live=\"polite\"><\/div>\n  <ul class=\"tl-liste\"><\/ul>\n\n  <!-- Teksterne i WebVTT-format. Bruges hvis data-vtt ovenfor er tom. -->\n  <script type=\"text\/vtt\" class=\"tl-vtt\">\nWEBVTT\n\n00:00:00.000 --> 00:00:03.000\nHej og velkommen til denne optagelse.\n\n00:00:03.000 --> 00:00:07.000\nTeksterne her vises synkront med lyden.\n\n00:00:07.000 --> 00:00:11.000\nKlik p\u00e5 en linje nedenfor for at springe dertil.\n  <\/script>\n<\/div>\n\n<style>\n  .tl-afspiller { margin: 1.5em 0; }\n  .tl-afspiller audio { width: 100%; display: block; }\n  .tl-afspiller .tl-tekst {\n    min-height: 3.5em;\n    margin: .75em 0;\n    padding: .75em 1em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background: #1d2733;\n    color: #fff6c9;\n    font-size: 1.2em;\n    font-weight: 600;\n    border-radius: 8px;\n  }\n  .tl-afspiller ul.tl-liste { list-style: none; margin: 0; padding: 0; }\n  .tl-afspiller ul.tl-liste li { margin: 0; padding: 0; }\n  .tl-afspiller ul.tl-liste li button {\n    all: unset;\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    padding: .4em .6em;\n    border-radius: 6px;\n    cursor: pointer;\n    color: inherit;\n    font: inherit;\n  }\n  .tl-afspiller ul.tl-liste li button:hover,\n  .tl-afspiller ul.tl-liste li button:focus-visible { outline: 2px solid currentColor; }\n  .tl-afspiller ul.tl-liste li.tl-aktiv button { background: rgba(127, 127, 127, .18); }\n  .tl-afspiller .tl-tid { opacity: .65; margin-right: .6em; font-variant-numeric: tabular-nums; }\n<\/style>\n\n<script>\n(function () {\n  \/\/ K\u00f8rer for hver afspiller p\u00e5 siden, s\u00e5 blokken kan bruges flere gange\n  document.querySelectorAll('.tl-afspiller:not([data-klar])').forEach(async function (boks) {\n    boks.setAttribute('data-klar', '1');\n\n    var lyd = boks.querySelector('audio');\n    var tekstfelt = boks.querySelector('.tl-tekst');\n    var liste = boks.querySelector('.tl-liste');\n\n    \/\/ Hent VTT: enten fra en URL (data-vtt) eller fra <script type=\"text\/vtt\">\n    var vtt;\n    if (boks.dataset.vtt) {\n      try {\n        vtt = await (await fetch(boks.dataset.vtt)).text();\n      } catch (fejl) {\n        tekstfelt.textContent = 'Tekstfilen kunne ikke hentes.';\n        return;\n      }\n    } else {\n      vtt = boks.querySelector('.tl-vtt').textContent;\n    }\n    \/\/ Fjern indrykning, s\u00e5 WordPress-formatering ikke \u00f8del\u00e6gger formatet\n    vtt = vtt.split('\\n').map(function (l) { return l.trim(); }).join('\\n').trim();\n\n    var track = document.createElement('track');\n    track.kind = 'captions';\n    track.srclang = 'da';\n    track.label = 'Dansk';\n    track.default = true;\n    track.src = URL.createObjectURL(new Blob([vtt], { type: 'text\/vtt' }));\n    lyd.appendChild(track);\n    track.track.mode = 'hidden'; \/\/ <audio> viser ikke selv tekster\n\n    track.addEventListener('load', function () {\n      Array.prototype.forEach.call(track.track.cues, function (cue) {\n        var li = document.createElement('li');\n        li.dataset.start = cue.startTime;\n        var knap = document.createElement('button');\n        knap.type = 'button';\n        var tid = document.createElement('span');\n        tid.className = 'tl-tid';\n        tid.textContent = formaterTid(cue.startTime);\n        knap.appendChild(tid);\n        knap.appendChild(document.createTextNode(cue.text));\n        knap.addEventListener('click', function () {\n          lyd.currentTime = cue.startTime;\n          lyd.play();\n        });\n        li.appendChild(knap);\n        liste.appendChild(li);\n      });\n    });\n\n    track.track.addEventListener('cuechange', function () {\n      var aktiv = track.track.activeCues[0];\n      tekstfelt.textContent = aktiv ? aktiv.text : '';\n      liste.querySelectorAll('li').forEach(function (li) {\n        li.classList.toggle('tl-aktiv', !!aktiv && Number(li.dataset.start) === aktiv.startTime);\n      });\n    });\n  });\n\n  function formaterTid(sek) {\n    var m = Math.floor(sek \/ 60);\n    var s = String(Math.floor(sek % 60)).padStart(2, '0');\n    return m + ':' + s;\n  }\n})();\n<\/script>\n<!-- ===== Slut p\u00e5 tekstet lydafspiller ===== -->\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-6e5514a3-8ba0-4ba1-95e4-8faaf5ad172e\" href=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/wordpress-tekstet-lyd.html\">wordpress-tekstet-lyd<\/a><a href=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/wordpress-tekstet-lyd.html\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-6e5514a3-8ba0-4ba1-95e4-8faaf5ad172e\">R\u00e5 kode<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Husk, at linke til audio-filen, n\u00e5r koden genbruges. Koden kan med fordel redigeres i en editor, som Visual Studio Code, Atom eller Nano.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Koden er udviklet med Claude AI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Koden \"hver for sig\"<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Blokken \"Tilpasset HTML\" giver mulighed for at l\u00e6gge kode  under separate faneblade:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HTML under fanebladet HTML<\/li>\n\n\n\n<li>CSS under fanebladet CSS<\/li>\n\n\n\n<li>JavaScript under fanebladet JavaScript<\/li>\n<\/ul>\n\n\n\n<style data-wp-block-html=\"css\">\n.tl-afspiller { margin: 1.5em 0; }\n.tl-afspiller audio { width: 100%; display: block; }\n\n.tl-afspiller .tl-tekst {\n  min-height: 3.5em;\n  margin: .75em 0;\n  padding: .75em 1em;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background: #1d2733;\n  color: #fff6c9;\n  font-size: 1.2em;\n  font-weight: 600;\n  border-radius: 8px;\n}\n\n.tl-afspiller ul.tl-liste { list-style: none; margin: 0; padding: 0; }\n.tl-afspiller ul.tl-liste li { margin: 0; padding: 0; }\n\n.tl-afspiller ul.tl-liste li button {\n  all: unset;\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  padding: .4em .6em;\n  border-radius: 6px;\n  cursor: pointer;\n  color: inherit;\n  font: inherit;\n}\n.tl-afspiller ul.tl-liste li button:hover,\n.tl-afspiller ul.tl-liste li button:focus-visible { outline: 2px solid currentColor; }\n.tl-afspiller ul.tl-liste li.tl-aktiv button { background: rgba(127, 127, 127, .18); }\n.tl-afspiller .tl-tid { opacity: .65; margin-right: .6em; font-variant-numeric: tabular-nums; }\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \/\/ ===== DINE TEKSTER =====\n  \/\/ Navnet (\"telecaster\") skal matche data-tekster=\"...\" i HTML-fanen.\n  \/\/ Tider skrives som tt:mm:ss.mmm --> tt:mm:ss.mmm, med en tom linje mellem hvert stykke.\n  var TEKSTER = {\n    telecaster: `WEBVTT\n\n00:00:00.000 --> 00:00:03.000\nHej og velkommen til denne optagelse.\n\n00:00:03.000 --> 00:00:07.000\nTeksterne her vises synkront med lyden.\n\n00:00:07.000 --> 00:00:11.000\nKlik p\u00e5 en linje nedenfor for at springe dertil.\n`\n  };\n  \/\/ ===== SLUT P\u00c5 TEKSTER =====\n\n  function start() {\n    document.querySelectorAll('.tl-afspiller:not([data-klar])').forEach(function (boks) {\n      var vtt = TEKSTER[boks.dataset.tekster];\n      if (!vtt) return;\n      boks.setAttribute('data-klar', '1');\n\n      var lyd = boks.querySelector('audio');\n      var tekstfelt = boks.querySelector('.tl-tekst');\n      var liste = boks.querySelector('.tl-liste');\n\n      vtt = vtt.split('\\n').map(function (l) { return l.trim(); }).join('\\n').trim();\n\n      var track = document.createElement('track');\n      track.kind = 'captions';\n      track.srclang = 'da';\n      track.label = 'Dansk';\n      track.default = true;\n      track.src = URL.createObjectURL(new Blob([vtt], { type: 'text\/vtt' }));\n      lyd.appendChild(track);\n      track.track.mode = 'hidden'; \/\/ <audio> viser ikke selv tekster\n\n      track.addEventListener('load', function () {\n        Array.prototype.forEach.call(track.track.cues, function (cue) {\n          var li = document.createElement('li');\n          li.dataset.start = cue.startTime;\n          var knap = document.createElement('button');\n          knap.type = 'button';\n          var tid = document.createElement('span');\n          tid.className = 'tl-tid';\n          tid.textContent = formaterTid(cue.startTime);\n          knap.appendChild(tid);\n          knap.appendChild(document.createTextNode(cue.text));\n          knap.addEventListener('click', function () {\n            lyd.currentTime = cue.startTime;\n            lyd.play();\n          });\n          li.appendChild(knap);\n          liste.appendChild(li);\n        });\n      });\n\n      track.track.addEventListener('cuechange', function () {\n        var aktiv = track.track.activeCues[0];\n        tekstfelt.textContent = aktiv ? aktiv.text : '';\n        liste.querySelectorAll('li').forEach(function (li) {\n          li.classList.toggle('tl-aktiv', !!aktiv && Number(li.dataset.start) === aktiv.startTime);\n        });\n      });\n    });\n  }\n\n  function formaterTid(sek) {\n    var m = Math.floor(sek \/ 60);\n    var s = String(Math.floor(sek % 60)).padStart(2, '0');\n    return m + ':' + s;\n  }\n\n  \/\/ Vent til siden er indl\u00e6st, hvis JS-fanen k\u00f8res f\u00f8r HTML'en findes\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', start);\n  } else {\n    start();\n  }\n})();\n\n<\/script>\n\n<div class=\"tl-afspiller\" data-tekster=\"telecaster\">\n  <audio controls preload=\"metadata\" src=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/slideTelecaster.mp3\"><\/audio>\n  <div class=\"tl-tekst\" aria-live=\"polite\"><\/div>\n  <ul class=\"tl-liste\"><\/ul>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">S\u00e5dan tekster du<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L\u00e6g de \u00f8nskede tekster ind i objektet, der ser s\u00e5dan ud:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var TEKSTER = {\n    telecaster: `WEBVTT\n\n00:00:00.000 --&gt; 00:00:03.000\nHej og velkommen til denne optagelse.\n\n00:00:03.000 --&gt; 00:00:07.000\nTeksterne her vises synkront med lyden.\n\n00:00:07.000 --&gt; 00:00:11.000\nKlik p\u00e5 en linje nedenfor for at springe dertil.\n`\n  };<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Denne linje viser, hvorn\u00e5r og hvor l\u00e6nge teksten skal vises:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>00:00:07.000 --&gt; 00:00:11.000<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Linjen nedenunder er den tekst som skal vises:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Klik p\u00e5 en linje nedenfor for at springe dertil.<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00e5dan kan du l\u00e6gge tekst under en audio-fil i WordPress med HTML, CSS og JavaScript via blokken &#8220;Tilpasset HTML&#8221;. Tekstning af lydfiler kan v\u00e6re n\u00f8dvendigt for at hj\u00e6lpe personer med h\u00f8reneds\u00e6ttelse. Ekspemplet g\u00f8r det let at navigere, fx hvis der er tale om en l\u00e6ngere lydfil. R\u00e5 HTML Husk, at linke til audio-filen, n\u00e5r koden [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-7463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimediedesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Audio med undertekst - Wordpress og WooCommerce<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Audio med undertekst - Wordpress og WooCommerce\" \/>\n<meta property=\"og:description\" content=\"S\u00e5dan kan du l\u00e6gge tekst under en audio-fil i WordPress med HTML, CSS og JavaScript via blokken &#8220;Tilpasset HTML&#8221;. Tekstning af lydfiler kan v\u00e6re n\u00f8dvendigt for at hj\u00e6lpe personer med h\u00f8reneds\u00e6ttelse. Ekspemplet g\u00f8r det let at navigere, fx hvis der er tale om en l\u00e6ngere lydfil. R\u00e5 HTML Husk, at linke til audio-filen, n\u00e5r koden [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress og WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-03T09:21:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-03T11:36:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1441\" \/>\n\t<meta property=\"og:image:height\" content=\"1540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Per Thykj\u00e6r Jensen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Per Thykj\u00e6r Jensen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/\"},\"author\":{\"name\":\"Per Thykj\u00e6r Jensen\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"headline\":\"Audio med undertekst\",\"datePublished\":\"2026-11-03T09:21:41+00:00\",\"dateModified\":\"2026-11-03T11:36:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/\"},\"wordCount\":159,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/guitar.jpg\",\"articleSection\":[\"Multimediedesign\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/\",\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/\",\"name\":\"Audio med undertekst - Wordpress og WooCommerce\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/guitar.jpg\",\"datePublished\":\"2026-11-03T09:21:41+00:00\",\"dateModified\":\"2026-11-03T11:36:51+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/guitar.jpg\",\"contentUrl\":\"https:\\\/\\\/thoth.dk\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/guitar.jpg\",\"width\":1441,\"height\":1540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/2026\\\/11\\\/03\\\/audio-med-undertekst\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thoth.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Audio med undertekst\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#website\",\"url\":\"https:\\\/\\\/thoth.dk\\\/\",\"name\":\"Wordpress og WooCommerce\",\"description\":\"Syv kreative dage med WordPress og WooCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thoth.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thoth.dk\\\/#\\\/schema\\\/person\\\/d94ae14e2a45089632b96d9f633fac06\",\"name\":\"Per Thykj\u00e6r Jensen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g\",\"caption\":\"Per Thykj\u00e6r Jensen\"},\"description\":\"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.\",\"sameAs\":[\"https:\\\/\\\/thoth.dk\"],\"url\":\"https:\\\/\\\/thoth.dk\\\/index.php\\\/author\\\/per\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Audio med undertekst - Wordpress og WooCommerce","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/","og_locale":"da_DK","og_type":"article","og_title":"Audio med undertekst - Wordpress og WooCommerce","og_description":"S\u00e5dan kan du l\u00e6gge tekst under en audio-fil i WordPress med HTML, CSS og JavaScript via blokken &#8220;Tilpasset HTML&#8221;. Tekstning af lydfiler kan v\u00e6re n\u00f8dvendigt for at hj\u00e6lpe personer med h\u00f8reneds\u00e6ttelse. Ekspemplet g\u00f8r det let at navigere, fx hvis der er tale om en l\u00e6ngere lydfil. R\u00e5 HTML Husk, at linke til audio-filen, n\u00e5r koden [&hellip;]","og_url":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/","og_site_name":"Wordpress og WooCommerce","article_published_time":"2026-11-03T09:21:41+00:00","article_modified_time":"2026-11-03T11:36:51+00:00","og_image":[{"width":1441,"height":1540,"url":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg","type":"image\/jpeg"}],"author":"Per Thykj\u00e6r Jensen","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Per Thykj\u00e6r Jensen","Estimeret l\u00e6setid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#article","isPartOf":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/"},"author":{"name":"Per Thykj\u00e6r Jensen","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"headline":"Audio med undertekst","datePublished":"2026-11-03T09:21:41+00:00","dateModified":"2026-11-03T11:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/"},"wordCount":159,"commentCount":0,"image":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg","articleSection":["Multimediedesign"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/","url":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/","name":"Audio med undertekst - Wordpress og WooCommerce","isPartOf":{"@id":"https:\/\/thoth.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#primaryimage"},"image":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#primaryimage"},"thumbnailUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg","datePublished":"2026-11-03T09:21:41+00:00","dateModified":"2026-11-03T11:36:51+00:00","author":{"@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06"},"breadcrumb":{"@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#primaryimage","url":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg","contentUrl":"https:\/\/thoth.dk\/wp-content\/uploads\/2026\/11\/guitar.jpg","width":1441,"height":1540},{"@type":"BreadcrumbList","@id":"https:\/\/thoth.dk\/index.php\/2026\/11\/03\/audio-med-undertekst\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thoth.dk\/"},{"@type":"ListItem","position":2,"name":"Audio med undertekst"}]},{"@type":"WebSite","@id":"https:\/\/thoth.dk\/#website","url":"https:\/\/thoth.dk\/","name":"Wordpress og WooCommerce","description":"Syv kreative dage med WordPress og WooCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thoth.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/thoth.dk\/#\/schema\/person\/d94ae14e2a45089632b96d9f633fac06","name":"Per Thykj\u00e6r Jensen","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c742a8215d5628ce5ef34c45460dd1c5211c693c0613635306baeec5c28d7a9?s=96&d=mm&r=g","caption":"Per Thykj\u00e6r Jensen"},"description":"P\u00e5 Thoth.dk kan du finde tutorials og artikler om udvikling af websites med WordPress og online shopping med WooCommerce. Der er fokus p\u00e5 de nyeste blokbaserede temaer og metoder. Materialer og tutorials er udviklet af Per Thykj\u00e6r Jensen, lektor p\u00e5 Multimediedesigneruddannelsen ved Erhvervsakademi Aarhus.","sameAs":["https:\/\/thoth.dk"],"url":"https:\/\/thoth.dk\/index.php\/author\/per\/"}]}},"_links":{"self":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/7463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/comments?post=7463"}],"version-history":[{"count":14,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/7463\/revisions"}],"predecessor-version":[{"id":7493,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/posts\/7463\/revisions\/7493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media\/7473"}],"wp:attachment":[{"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/media?parent=7463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/categories?post=7463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thoth.dk\/index.php\/wp-json\/wp\/v2\/tags?post=7463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}