{
"type": "entry",
"published": "2023-04-17 02:33-0700",
"url": "https://tantek.com/2023/107/t1/beyond-tellerand-talk-love-personal-website",
"category": [
"indieweb"
],
"content": {
"text": "Back at Beyond Tellerand (@btconf@mastodon.social @btconf) and delighted to see the opening talk by Sophie Koonin (https://localghost.dev/ https://sophie.omg.lol/ @sophie@social.lol)\n\n\u201cThis Website Is under Construction \u2013 a Love Letter to the Personal Website\u201d\n\n#indieweb\n\nhttps://beyondtellerrand.com/events/dusseldorf-2023/speakers/sophie-koonin",
"html": "Back at Beyond Tellerand (<a href=\"https://mastodon.social/@btconf\">@btconf@mastodon.social</a> <a class=\"h-cassis-username\" href=\"https://twitter.com/btconf\">@btconf</a>) and delighted to see the opening talk by Sophie Koonin (<a href=\"https://localghost.dev/\">https://localghost.dev/</a> https://sophie.omg.lol/ <a href=\"https://social.lol/@sophie\">@sophie@social.lol</a>)<br /><br />\u201cThis Website Is under Construction \u2013 a Love Letter to the Personal Website\u201d<br /><br />#<span class=\"p-category\">indieweb</span><br /><br /><a href=\"https://beyondtellerrand.com/events/dusseldorf-2023/speakers/sophie-koonin\">https://beyondtellerrand.com/events/dusseldorf-2023/speakers/sophie-koonin</a>"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "https://tantek.com/",
"photo": "https://tantek.com/photo.jpg"
},
"post-type": "note",
"_id": "36599386",
"_source": "2460"
}
The hack is described in detail in that post, but basically:
use a <video> element instead of an <audio> element. make the <source> your audio (mp3 or whatever)
add a <track> element with your WebVTT subtitles
make sure to use a poster image so the video gets some space in the page
This has been broken for a few years, at least according to my notes, and I keep failing at finding a fix.
As of now:
Firefox no longer shows the “CC” control or options to enable captions
Chrome-based browsers show the captions, but you can’t see them because they are behind the media controls, which never seem to go away.
A screenshot of Chrome's media player controls where the timeline scrubber obscures the captions. We see one line reading "the past twelve weeks" peeking above the controls.
This post is me absolving myself of finding a fix for now! 🕊️
{
"type": "entry",
"published": "2023-04-16T18:51:28-0400",
"url": "https://martymcgui.re/2023/04/16/185128/",
"category": [
"audio",
"captioning",
"subtitles",
"WebVTT",
"podcasts"
],
"content": {
"text": "Chalking up another L to \u201cthe Churn\u201d, it seems like this slightly hacky way to add native HTML5 captions and titles for audio content with webvtt no longer works.\nThe hack is described in detail in that post, but basically:\nuse a <video> element instead of an <audio> element. make the <source> your audio (mp3 or whatever)\nadd a <track> element with your WebVTT subtitles\nmake sure to use a poster image so the video gets some space in the page\nThis has been broken for a few years, at least according to my notes, and I keep failing at finding a fix.\nAs of now:\nFirefox no longer shows the \u201cCC\u201d control or options to enable captions\nChrome-based browsers show the captions, but you can\u2019t see them because they are behind the media controls, which never seem to go away.\nA screenshot of Chrome's media player controls where the timeline scrubber obscures the captions. We see one line reading \"the past twelve weeks\" peeking above the controls.This post is me absolving myself of finding a fix for now! \ud83d\udd4a\ufe0f",
"html": "<p>Chalking up another L to \u201cthe Churn\u201d, it seems like this slightly hacky way to add <a href=\"https://martymcgui.re/2017/10/17/native-html5-captions-and-titles-for-audio-content-with-webvtt/\">native HTML5 captions and titles for audio content with webvtt</a> no longer works.</p>\n<p>The hack is described in detail in that post, but basically:</p>\n<ul><li>use a <code><video></code> element instead of an <code><audio></code> element. make the <code><source></code> your audio (mp3 or whatever)</li>\n<li>add a <code><track></code> element with your WebVTT subtitles</li>\n<li>make sure to use a poster image so the video gets some space in the page</li>\n</ul><p>This has been broken for a few years, at least according to my notes, and I keep failing at finding a fix.</p>\n<p>As of now:</p>\n<ul><li>Firefox no longer shows the \u201cCC\u201d control or options to enable captions</li>\n<li>Chrome-based browsers show the captions, but you can\u2019t see them because they are behind the media controls, which never seem to go away.</li>\n</ul><img src=\"https://media.martymcgui.re/93/1e/1a/f0/85792a2a185730d3cd56ed87a31aec36f0a181793715ea0368897eae.png\" alt=\"\" />A screenshot of Chrome's media player controls where the timeline scrubber obscures the captions. We see one line reading \"the past twelve weeks\" peeking above the controls.<p>This post is me absolving myself of finding a fix for now! \ud83d\udd4a\ufe0f</p>"
},
"author": {
"type": "card",
"name": "Marty McGuire",
"url": "https://martymcgui.re/",
"photo": "https://martymcgui.re/images/logo.jpg"
},
"post-type": "note",
"_id": "36593706",
"_source": "175"
}
{
"type": "entry",
"published": "2023-04-16T14:08:24-0400",
"url": "https://martymcgui.re/2023/04/16/140824/",
"syndication": [
"https://fed.brid.gy/"
],
"content": {
"text": "IndiePass development resumes, public problems with Webmention, and NPR flies the nest. It\u2019s your < 10min update on the #IndieWeb community!\nThis Week in the IndieWeb audio edition for April 8th - 14th, 2023.\nhttps://martymcgui.re/2023/04/16/this-week-in-the-indieweb-audio-edition--april-8th---14th-2023/",
"html": "<p>IndiePass development resumes, public problems with Webmention, and NPR flies the nest. It\u2019s your < 10min update on the #IndieWeb community!</p>\n<p>This Week in the IndieWeb audio edition for April 8th - 14th, 2023.\n<a href=\"https://martymcgui.re/2023/04/16/this-week-in-the-indieweb-audio-edition--april-8th---14th-2023/\">https://martymcgui.re/2023/04/16/this-week-in-the-indieweb-audio-edition--april-8th---14th-2023/</a></p>"
},
"author": {
"type": "card",
"name": "Marty McGuire",
"url": "https://martymcgui.re/",
"photo": "https://martymcgui.re/images/logo.jpg"
},
"post-type": "note",
"_id": "36590390",
"_source": "175"
}
{
"type": "entry",
"published": "2023-04-16T14:01:51-0400",
"url": "https://martymcgui.re/2023/04/16/this-week-in-the-indieweb-audio-edition--april-8th---14th-2023/",
"category": [
"podcast",
"IndieWeb",
"this-week-indieweb-podcast"
],
"audio": [
"https://media.martymcgui.re/af/48/a0/df/52b983c10e69fe5cb9e51a0d086fff727aa1d634920e2a166b26bae2.mp3"
],
"name": "This Week in the IndieWeb Audio Edition \u2022 April 8th - 14th, 2023",
"content": {
"text": "Show/Hide Transcript\n \n IndiePass development resumes, public problems with Webmention, and NPR flies the nest. It\u2019s the audio edition for This Week in the IndieWeb for April 8th - 14th, 2023.\nYou can find all of my audio editions and subscribe with your favorite podcast app here: martymcgui.re/podcasts/indieweb/.\nMusic from Aaron Parecki\u2019s 100DaysOfMusic project: Day 85 - Suit, Day 48 - Glitch, Day 49 - Floating, Day 9, and Day 11\nThanks to everyone in the IndieWeb chat for their feedback and suggestions. Please drop me a note if there are any changes you\u2019d like to see for this audio edition!",
"html": "Show/Hide Transcript\n \n <p>IndiePass development resumes, public problems with Webmention, and NPR flies the nest. It\u2019s the audio edition for <a href=\"https://indieweb.org/this-week/2023-04-14.html\">This Week in the IndieWeb for April 8th - 14th, 2023</a>.</p>\n<p>You can find all of my audio editions and subscribe with your favorite podcast app here: <a href=\"https://martymcgui.re/podcasts/indieweb/\">martymcgui.re/podcasts/indieweb/</a>.</p>\n<p>Music from <a href=\"https://aaronparecki.com/\">Aaron Parecki</a>\u2019s <a href=\"https://100.aaronparecki.com/\">100DaysOfMusic project</a>: <a href=\"https://aaronparecki.com/2017/03/15/14/day85\">Day 85 - Suit</a>, <a href=\"https://aaronparecki.com/2017/02/06/7/day48\">Day 48 - Glitch</a>, <a href=\"https://aaronparecki.com/2017/02/07/4/day49\">Day 49 - Floating</a>, <a href=\"https://aaronparecki.com/2016/12/29/21/day-9\">Day 9</a>, and <a href=\"https://aaronparecki.com/2016/12/31/15/\">Day 11</a></p>\n<p>Thanks to everyone in the <a href=\"https://chat.indieweb.org/\">IndieWeb chat</a> for their feedback and suggestions. Please drop me a note if there are any changes you\u2019d like to see for this audio edition!</p>"
},
"author": {
"type": "card",
"name": "Marty McGuire",
"url": "https://martymcgui.re/",
"photo": "https://martymcgui.re/images/logo.jpg"
},
"post-type": "audio",
"_id": "36590391",
"_source": "175"
}
{
"type": "entry",
"published": "2023-04-16T14:01:59+00:00",
"url": "https://twitter.com/anomalily/status/1647601232083845120",
"content": {
"text": "I am worried that no one was awake for my delicate Taylor Swift puns at 6:40AM."
},
"author": {
"type": "card",
"name": "Lillian Karabaic",
"url": "https://twitter.com/anomalily",
"photo": "https://pbs.twimg.com/profile_images/1455236306162761732/jPv9ROKG.jpg"
},
"post-type": "note",
"_id": "36582930",
"_source": "2773"
}
{
"type": "entry",
"published": "2023-04-16T12:22:01+00:00",
"url": "https://twitter.com/anomalily/status/1647576076552654848",
"photo": [
"https://pbs.twimg.com/media/Ft1dtT7aUAIJD0v.jpg"
],
"content": {
"text": "Let\u2019s go Oregon and SW Washington! It\u2019s time for OPB\u2019s weekend edition! Am I the only one who is awake right now?"
},
"author": {
"type": "card",
"name": "Lillian Karabaic",
"url": "https://twitter.com/anomalily",
"photo": "https://pbs.twimg.com/profile_images/1455236306162761732/jPv9ROKG.jpg"
},
"post-type": "photo",
"_id": "36581547",
"_source": "2773"
}
Hello this is BART Alert. @Twitter has shut off its free API, and that means we are going dark until we can find a solution. We're very sorry to not be able to provide in...
{
"type": "entry",
"published": "2023-04-15T19:08:21+00:00",
"url": "https://twitter.com/ZoeSchiffer/status/1647315942605754369",
"quotation-of": "https://twitter.com/SFBARTalert/status/1647031817889783812",
"content": {
"text": "Twitter is cutting off free access to its API in stages. Elon Musk said \"good\" bots can stay but so far that definition is unclear."
},
"author": {
"type": "card",
"name": "Zo\u00eb Schiffer",
"url": "https://twitter.com/ZoeSchiffer",
"photo": "https://pbs.twimg.com/profile_images/1564799885794086914/ZU6qMT_n.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/SFBARTalert/status/1647031817889783812": {
"type": "entry",
"published": "2023-04-15T00:19:20+00:00",
"url": "https://twitter.com/SFBARTalert/status/1647031817889783812",
"content": {
"text": "Hello this is BART Alert. @Twitter has shut off its free API, and that means we are going dark until we can find a solution. We're very sorry to not be able to provide information on BART service alerts.\n\nUse bart.gov, our Official App or subscribe via email or SMS",
"html": "Hello this is BART Alert. <a href=\"https://twitter.com/Twitter\">@Twitter</a> has shut off its free API, and that means we are going dark until we can find a solution. We're very sorry to not be able to provide information on BART service alerts.\n\nUse <a href=\"http://bart.gov\">bart.gov</a>, our Official App or subscribe via email or SMS"
},
"author": {
"type": "card",
"name": "BART Alert",
"url": "https://twitter.com/SFBARTalert",
"photo": "https://pbs.twimg.com/profile_images/887714775722901504/Jq83ezkf.jpg"
},
"post-type": "note"
}
},
"_id": "36569790",
"_source": "2773"
}
How do not one, but two people, get a first class upgrade on a flight sitting in seat 1C/1B and not know they got upgraded and walk all the way to the back of the plane looking for their seat and then have to ask a flight attendant where seat 1C is??
{
"type": "entry",
"published": "2023-04-15T17:26:07+00:00",
"url": "https://twitter.com/aaronpk/status/1647290218347888641",
"content": {
"text": "How do not one, but two people, get a first class upgrade on a flight sitting in seat 1C/1B and not know they got upgraded and walk all the way to the back of the plane looking for their seat and then have to ask a flight attendant where seat 1C is??"
},
"author": {
"type": "card",
"name": "Aaron Parecki",
"url": "https://twitter.com/aaronpk",
"photo": "https://pbs.twimg.com/profile_images/1477113672803622912/ljLUwFLP.jpg"
},
"post-type": "note",
"_id": "36568298",
"_source": "2773"
}
{
"type": "entry",
"published": "2023-04-15T16:35:06+00:00",
"url": "https://twitter.com/anomalily/status/1647277376865460225",
"quotation-of": "https://twitter.com/morganmpage/status/1647141223205941249",
"content": {
"text": "This picture lives rent free in my queer teen head. And on the large placebo fansite I ran."
},
"author": {
"type": "card",
"name": "Lillian Karabaic",
"url": "https://twitter.com/anomalily",
"photo": "https://pbs.twimg.com/profile_images/1455236306162761732/jPv9ROKG.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/morganmpage/status/1647141223205941249": {
"type": "entry",
"published": "2023-04-15T07:34:04+00:00",
"url": "https://twitter.com/morganmpage/status/1647141223205941249",
"photo": [
"https://pbs.twimg.com/media/FtvSNkwXsAEZpSK.jpg"
],
"content": {
"text": "So many trans girls talk about going back in time to the 90s to save our sister Kurt but me? I\u2019d go back in time to save her:"
},
"author": {
"type": "card",
"name": "Morgan M Page",
"url": "https://twitter.com/morganmpage",
"photo": "https://pbs.twimg.com/profile_images/822513108665200640/vu0aqXZA.jpg"
},
"post-type": "photo"
}
},
"_id": "36567537",
"_source": "2773"
}
Just heard @anomalily introduced officially as @OPB weekend edition host! So cool. And in the interview she gave some big shout-outs to @pedalpalooza, her Bowie vs Prince...
{
"type": "entry",
"published": "2023-04-15T16:30:43+00:00",
"url": "https://twitter.com/anomalily/status/1647276276141690881",
"quotation-of": "https://twitter.com/Jonathan_Maus/status/1647249792156815361",
"content": {
"text": "This piece is about to re-air at 9:35AM on OPB! 91.5FM in Portland, online at opb.org",
"html": "This piece is about to re-air at 9:35AM on OPB! 91.5FM in Portland, online at <a href=\"http://opb.org\">opb.org</a>"
},
"author": {
"type": "card",
"name": "Lillian Karabaic",
"url": "https://twitter.com/anomalily",
"photo": "https://pbs.twimg.com/profile_images/1455236306162761732/jPv9ROKG.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/Jonathan_Maus/status/1647249792156815361": {
"type": "entry",
"published": "2023-04-15T14:45:29+00:00",
"url": "https://twitter.com/Jonathan_Maus/status/1647249792156815361",
"content": {
"text": "Just heard @anomalily introduced officially as @OPB weekend edition host! So cool. And in the interview she gave some big shout-outs to @pedalpalooza, her Bowie vs Prince ride, and more. Cannot believe she\u2019s their new host. Can\u2019t wait to listen. way to go Lily!! \ud83d\udcaf\ud83d\ude0e\ud83d\ude2e",
"html": "Just heard <a href=\"https://twitter.com/anomalily\">@anomalily</a> introduced officially as <a href=\"https://twitter.com/OPB\">@OPB</a> weekend edition host! So cool. And in the interview she gave some big shout-outs to <a href=\"https://twitter.com/pedalpalooza\">@pedalpalooza</a>, her Bowie vs Prince ride, and more. Cannot believe she\u2019s their new host. Can\u2019t wait to listen. way to go Lily!! \ud83d\udcaf\ud83d\ude0e\ud83d\ude2e"
},
"author": {
"type": "card",
"name": "Jonathan Maus",
"url": "https://twitter.com/Jonathan_Maus",
"photo": "https://pbs.twimg.com/profile_images/1487589047883104258/w6sW9EZU.jpg"
},
"post-type": "note"
}
},
"_id": "36567538",
"_source": "2773"
}
{
"type": "entry",
"published": "2023-04-15T13:27:16+00:00",
"url": "https://twitter.com/anomalily/status/1647230108779020288",
"content": {
"text": "Might want to tune in to @OPB at 7:35 to hear a lil intro to your new host (me)!",
"html": "Might want to tune in to <a href=\"https://twitter.com/OPB\">@OPB</a> at 7:35 to hear a lil intro to your new host (me)!"
},
"author": {
"type": "card",
"name": "Lillian Karabaic",
"url": "https://twitter.com/anomalily",
"photo": "https://pbs.twimg.com/profile_images/1455236306162761732/jPv9ROKG.jpg"
},
"post-type": "note",
"_id": "36564924",
"_source": "2773"
}
Check this out…
So while the mockingbird media is busy painting the whistleblower as a “traitor” and for the “crime” of exposing how our corrupt government was...
{
"type": "entry",
"published": "2023-04-15T00:06:13+00:00",
"url": "https://twitter.com/jgmac1106/status/1647028516892844034",
"quotation-of": "https://twitter.com/iheartmindy/status/1646923063102148608",
"content": {
"text": "Interesting take on suspected leaking of classified material\n\nblame NAFO"
},
"author": {
"type": "card",
"name": "jgregorymcverry.com",
"url": "https://twitter.com/jgmac1106",
"photo": "https://pbs.twimg.com/profile_images/1635368460824768515/yIl5Rxy0.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/iheartmindy/status/1646923063102148608": {
"type": "entry",
"published": "2023-04-14T17:07:11+00:00",
"url": "https://twitter.com/iheartmindy/status/1646923063102148608",
"photo": [
"https://pbs.twimg.com/media/FtsLx2XaAAEA0cj.jpg",
"https://pbs.twimg.com/media/FtsLx2eaIAAV0fh.jpg",
"https://pbs.twimg.com/media/FtsLx2VaEAEBerE.jpg",
"https://pbs.twimg.com/media/FtsLx2WaUAAd1fI.jpg"
],
"content": {
"text": "Check this out\u2026\n\nSo while the mockingbird media is busy painting the whistleblower as a \u201ctraitor\u201d and for the \u201ccrime\u201d of exposing how our corrupt government was lying about the war in Ukraine.\u2026I caught a Deep State bot farm trying to mass report any posts criticizing the war\u2026 twitter.com/i/web/status/1\u2026",
"html": "Check this out\u2026\n\nSo while the mockingbird media is busy painting the whistleblower as a \u201ctraitor\u201d and for the \u201ccrime\u201d of exposing how our corrupt government was lying about the war in Ukraine.\u2026I caught a Deep State bot farm trying to mass report any posts criticizing the war\u2026 <a href=\"https://twitter.com/i/web/status/1646923063102148608\">twitter.com/i/web/status/1\u2026</a>"
},
"author": {
"type": "card",
"name": "Mindy Robinson \ud83c\uddfa\ud83c\uddf8",
"url": "https://twitter.com/iheartmindy",
"photo": "https://pbs.twimg.com/profile_images/1267270775385423872/Co_y6GOc.jpg"
},
"post-type": "photo"
}
},
"_id": "36555841",
"_source": "2773"
}
As Gogol
Guzzles
gold of sold
arguments
young hang
from
gallows
swinging on
guilt
of
an aged
gilded
who dine with
Ghosts when
God gets past
unlatched gates
of felled
ideas
forgotten
#smallpoems
Twitter's free API tier was supposed to still support third-party OAuth, which is all that I was using it for on my site, but it was still banned for "violating the terms of service." I tried signing up for a new app on the free tier, but I can't get its API keys to work. Oh well
{
"type": "entry",
"published": "2023-04-14T22:18:09+00:00",
"url": "https://twitter.com/fluffy/status/1647001321369931776",
"content": {
"text": "Twitter's free API tier was supposed to still support third-party OAuth, which is all that I was using it for on my site, but it was still banned for \"violating the terms of service.\" I tried signing up for a new app on the free tier, but I can't get its API keys to work. Oh well"
},
"author": {
"type": "card",
"name": "fluffy.",
"url": "https://twitter.com/fluffy",
"photo": "https://pbs.twimg.com/profile_images/1590630570132123648/POPyLC4l.jpg"
},
"post-type": "note",
"_id": "36554400",
"_source": "2773"
}
A screenshot of Chrome's media player controls where the timeline scrubber obscures the captions. We see one line reading "the past twelve weeks" peeking above the controls.
