52°F

Aaron Parecki

  • Articles
  • Notes
  • Photos
  • Day 29: Better Media Support in p3k #100DaysOfIndieWeb

    January 18, 2017

    Today I worked on better media support. This involved a couple of changes.

    • Reposting audio and video posts that show the player for the reposted media
    • Support for audio + photo posts (shows as an audio player with poster image)
    • Support for video + audio + photo posts (shows as the video player with a hidden audio link for mf2 consumers)
    • Fallback for browsers that don't support <video> or <audio> that includes a link to download the files

    Here's an example of a reposted podcast episode. It includes the episode name and an <audio> tag which plays the episode inline.

    I can now also create audio posts that include an mp3 file. If the post also includes a photo, then the way it's rendered is in a <video> tag using the photo as the poster image. (ht tantek) This ends up looking essentially like a video player with a freeze frame in both Chrome and Firefox. On mobile, it looks like a video but the full-screen player that launches doesn't include the poster image.

    I was unable to actually test the fallback support for when browsers don't support the <video> tag, but now I also include text that links to the video and audio files for browsers that don't render the player themselves. There is a setting in Firefox that I thought should disable the video tag (media.navigator.video.enabled), but it didn't seem to actually disable the video tag.

    Portland, Oregon
    Wed, Jan 18, 2017 12:06pm -08:00 #100daysofindieweb #p3k #podcast
    1 like 3 mentions
    • Marty McGuire

    Other Mentions

    • Aaron Parecki aaronparecki.com
      My 2017 Year in Review
      Thu, Jan 4, 2018 2:40pm -08:00
    • Aaron Parecki aaronparecki.com
      Week in Review #100DaysOfIndieWeb
      Sun, Jan 22, 2017 8:13am -08:00
    • 100 Days of IndieWeb aaronparecki.com/tag/100daysofindieweb
      Day 29: Better Media Support in p3k #100DaysOfIndieWeb: aaronparecki.com/2017/01/18/7/d…
      Wed, Jan 18, 2017 8:07pm +00:00 (via brid-gy.appspot.com)
Posted in /articles using quill.p3k.io

Hi, I'm Aaron Parecki, Director of Identity Standards at Okta, and co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and participate in the OAuth Working Group at the IETF. I also help people learn about video production and livestreaming. (detailed bio)

I've been tracking my location since 2008 and I wrote 100 songs in 100 days. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel. Read more.

  • Director of Identity Standards at Okta
  • IndieWebCamp Founder
  • OAuth WG Editor
  • OpenID Board Member

  • 🎥 YouTube Tutorials and Reviews
  • 🏠 We're building a triplex!
  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Trips
  • Videos
  • Contact
© 1999-2025 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons
WeChat ID
aaronpk_tv