<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>The Interledger Community 🌱: Mark Boas</title>
    <description>The latest articles on The Interledger Community 🌱 by Mark Boas (@maboa).</description>
    <link>https://community.interledger.org/maboa</link>
    <image>
      <url>https://community.interledger.org/images/Hlv56wGr4oN65EzKP0awImUgCu9G65AdXwEkjtwueJ0/rs:fill:90:90/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL3VzZXIv/cHJvZmlsZV9pbWFn/ZS8yNjkvYjFiNmVi/MmItZWM1Zi00Y2M2/LWFkNjUtM2I1YTkx/NzQ2MDQ2LnBuZw</url>
      <title>The Interledger Community 🌱: Mark Boas</title>
      <link>https://community.interledger.org/maboa</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://community.interledger.org/feed/maboa"/>
    <language>en</language>
    <item>
      <title>Hyperaudio for Conferences — Final Report</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Thu, 12 May 2022 10:32:50 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-grant-report-2-3c7g</link>
      <guid>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-grant-report-2-3c7g</guid>
      <description>&lt;p&gt;&lt;a href="https://community.interledger.org/images/yrnNC3L19jIrXaqA-Y_9r55sshNvyEzg5c5tGqUQfp8/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3phcHhrMDc1/cDhvMXlqcThkeWc4/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/yrnNC3L19jIrXaqA-Y_9r55sshNvyEzg5c5tGqUQfp8/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3phcHhrMDc1/cDhvMXlqcThkeWc4/LnBuZw" alt="The Hyperaudio for Conferences front page" width="880" height="530"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Project Update
&lt;/h2&gt;

&lt;p&gt;Creating a completely new platform for conferences was always going to be a big lift – it certainly took more time and resource than we anticipated. That said, our team is really happy with the results. &lt;/p&gt;

&lt;p&gt;It looks the part, works well and we feel that we're ready to take things to the next stage. There's a lot to report so apologies in advance for the length of this post ☕&lt;/p&gt;

&lt;h3&gt;
  
  
  A Quick Recap
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://hyper.audio/conferences"&gt;Hyperaudio for Conferences&lt;/a&gt; is a platform that aims to maximise the accessibility of conference content, while opening up new possibilities to repurpose that content.&lt;/p&gt;

&lt;p&gt;We use machine generated transcripts and translations to increase accessibility, resulting in Interactive Transcripts and captions. &lt;/p&gt;

&lt;p&gt;Although we're seeing huge improvements, the results of speech-to-text based algorithms are never entirely accurate and so we provide an intuitive editor to allow people to modify transcripts and translations.&lt;/p&gt;

&lt;p&gt;Our transcripts are timed and we try to preserve those timings, even after editing. &lt;/p&gt;

&lt;p&gt;Timings allow us to:&lt;/p&gt;

&lt;p&gt;🌟 &lt;strong&gt;Highlight&lt;/strong&gt; words as they are spoken (karaoke anybody?).&lt;/p&gt;

&lt;p&gt;🌟 &lt;strong&gt;Navigate&lt;/strong&gt; video by clicking on words.&lt;/p&gt;

&lt;p&gt;🌟 &lt;strong&gt;Share&lt;/strong&gt; snippets of text (with video attached!).&lt;/p&gt;

&lt;p&gt;🌟 &lt;strong&gt;Repurpose&lt;/strong&gt; by remixing using the text as a base and reference.&lt;/p&gt;

&lt;h3&gt;
  
  
  Partners and Allies
&lt;/h3&gt;

&lt;p&gt;We partnered with a number of GftW grantees and sponsors:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://community.webmonetization.org/storagetothepeople"&gt;&lt;strong&gt;The Permanent Legacy Foundation&lt;/strong&gt;&lt;/a&gt; whose platform we're using as a media CDN giving us predictable video hosting costs.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://community.webmonetization.org/newmediarights"&gt;&lt;strong&gt;New Media Rights&lt;/strong&gt;&lt;/a&gt; who have been invaluable in providing legal advice related to media use.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://community.webmonetization.org/mova"&gt;&lt;strong&gt;MOVA&lt;/strong&gt;&lt;/a&gt; who we liaised with to try out and and test the Hyperaudio Wordpress and JavaScript Libraries.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://creativecommons.org/"&gt;&lt;strong&gt;Creative Commons&lt;/strong&gt;&lt;/a&gt; whose licenses we'll be using.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://https://www.mozillafestival.org"&gt;&lt;strong&gt;Mozilla Festival&lt;/strong&gt;&lt;/a&gt; with whom we're currently piloting the latest version of Hyperaudio for Conferences with (see &lt;a href="https://mozfest.hyper.audio"&gt;mozfest.hyper.audio&lt;/a&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Progress on Objectives
&lt;/h2&gt;

&lt;p&gt;So let's take a look at the progress we made on our objectives.&lt;/p&gt;

&lt;h3&gt;
  
  
  Overarching goals
&lt;/h3&gt;

&lt;p&gt;Our overarching goal was to provide a platform that allowed conference organisers to preserve, promote, repurpose and monetize their recorded content.&lt;/p&gt;

&lt;p&gt;We saw Web Monetization as an opportunity to compensate existing content owners and incentivise the creation of new derivative forms of content.&lt;/p&gt;

&lt;h2&gt;
  
  
  Deliverables
&lt;/h2&gt;

&lt;p&gt;In order to achieve all this we planned a number of deliverables.&lt;/p&gt;

&lt;h3&gt;
  
  
  Web Monetization
&lt;/h3&gt;

&lt;p&gt;Our timed transcripts contain data pertaining to which user is currently speaking. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/5G6jZjCIu0wLGsR6emli65aJHcVneijoEXRBYN4XDdI/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2dlcnFpN3M2/eHkxcGl6NXFiYmNh/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/5G6jZjCIu0wLGsR6emli65aJHcVneijoEXRBYN4XDdI/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2dlcnFpN3M2/eHkxcGl6NXFiYmNh/LnBuZw" alt="An image of the Hyperaudio Viewer showing a video with a transcript underneath with various speaker names." width="880" height="1211"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We can reference speaker data to know when to switch Payment Pointers, while people watch and interact with the video. The idea being that speakers will be compensated according to how much the part of the video they feature in, is viewed.&lt;/p&gt;

&lt;p&gt;Once the transcript has been edited, conference organisers or editors can specify Payment Pointers for each speaker.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/1_jk4VJrMxCXjfxaW7GJdrOTs_sJYkz6vpbQVaktZUI/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3h2OHJrZGRn/NWFjdGtiZGFkc2ti/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/1_jk4VJrMxCXjfxaW7GJdrOTs_sJYkz6vpbQVaktZUI/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3h2OHJrZGRn/NWFjdGtiZGFkc2ti/LnBuZw" alt="The Web Monetization dialog box, showing an explanation of Payment Pointers and providing form inputs to add the Payment Pointers" width="880" height="792"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We have plans to take the Web Monetization aspect further by building in compensation for people who remix, share and edit content.&lt;/p&gt;

&lt;h3&gt;
  
  
  Transcript Viewer
&lt;/h3&gt;

&lt;p&gt;One of the first parts of the system we built was the transcript viewer, this allowed us to test our API and make sure our representation of a timed transcript could be translated into an Interactive Transcript.&lt;/p&gt;

&lt;p&gt;You can try out the Viewer by clicking on any of the following MozFest links:&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/5aab6187-fc49-4a03-89fd-8d417d944083"&gt;Activating Caribbean Digital Rights: Embracing Change in Digital Epistemology&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/876dfad0-8617-4f53-9d32-1c6b1358c54f"&gt;The Metaverse vs the Publicservice internet&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/91dc800f-6264-469d-b80e-db6ab0771383"&gt;How to remote control a raspberry pi using web monetization&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/15744372-9a2c-41f1-96a1-40cee39d3171"&gt;How to write a 100-year plan&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/b4bfcf20-d568-41f6-85a2-d6f41a62d91e"&gt;Using Hyperaudio to increase accessibility of web-based audio and video&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/73b24e73-7414-49ea-9ab9-dde2d02a3932"&gt;Bright IDEAs: Embracing Inclusion, Diversity, Equity, and Access in a Post-Pandemic Environment&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/f7622627-1e3e-47e3-a822-85163cdffb27"&gt;With what words should I speak? Impact of Voice technology on Language Diversity&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/acb9ec4b-c63e-4232-bf81-37d2bed005c7"&gt;Ethical Dilemma Cafe 2.0&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🎈&lt;a href="https://mozfest.hyper.audio/media/c52db206-845d-429e-88f8-b16eb9c99049"&gt;The Grand MozFest Web Monetization Experiment - Getting Started&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And here's an example of an edited translation:&lt;br&gt;
&lt;a href="https://mozfest.hyper.audio/media/b4bfcf20-d568-41f6-85a2-d6f41a62d91e?language=it-IT"&gt;Utilizzo di Hyperaudio per aumentare l'accessibilità di audio e video sul Web&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Features we'd still like to add to the viewer include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Multilingual Captions (coming soon!)&lt;/li&gt;
&lt;li&gt;Select and share (coming soon!)&lt;/li&gt;
&lt;li&gt;Full Screen Video Mode&lt;/li&gt;
&lt;li&gt;Controls for altering Playback Rate&lt;/li&gt;
&lt;/ul&gt;
&lt;h4&gt;
  
  
  HLS
&lt;/h4&gt;

&lt;p&gt;A quick footnote about our media format, we use the &lt;a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video#hls"&gt;HLS&lt;/a&gt; format for video. This allows us more efficient "seeking" to playback points as well as the possibility to stream lower quality video as a low-bandwidth option.&lt;/p&gt;
&lt;h4&gt;
  
  
  Mobile
&lt;/h4&gt;

&lt;p&gt;More people use mobile technologies to view web-based content than "desktop", for this reason we invested a lot of time making sure we can deliver a good viewing experience on mobile platforms.&lt;/p&gt;
&lt;h3&gt;
  
  
  Transcript Editor
&lt;/h3&gt;

&lt;p&gt;When creating the Transcript Editor we had three main concerns:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;It should be performant.&lt;/strong&gt; It really needs to be fast to use, even almost imperceptible slowdowns in responsiveness can lead to a poor editing experience.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;It should be easy and intuitive to use.&lt;/strong&gt; Editing a transcript is a significant undertaking, we should make it as easy and enjoyable as possible.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;It should maintain word timings.&lt;/strong&gt; We adapted an &lt;a href="https://github.com/bbc/stt-align-node"&gt;algorithm created by the BBC&lt;/a&gt; to figure out word timings, no matter what you add or remove.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/xmt-r0sgTjI"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Speaker data is an important part of a transcript. We spent a fair bit of time getting the speaker input and selection to work the way we wanted it to.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/TK1myn_UEJKCzzcAdRqDZ2ULRo4cHlpH009ZK1hmLk0/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3UyNGpoM3E1/NHp0Mmk5eTBjeGFm/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/TK1myn_UEJKCzzcAdRqDZ2ULRo4cHlpH009ZK1hmLk0/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3UyNGpoM3E1/NHp0Mmk5eTBjeGFm/LnBuZw" alt="An image of the Transcript Editor complete with video and transcript, it shows the speaker selection dropdown" width="880" height="1155"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Since automatic speaker id (also known as diarisation) is a bit hit and miss, an optimisation we felt worth pursuing was the downloading of the automatic live transcription from &lt;a href="https://zoom.us"&gt;Zoom&lt;/a&gt;. Fortunately Zoom provides captions and associated speaker data in a standard VTT format. &lt;/p&gt;

&lt;h4&gt;
  
  
  License Transparency
&lt;/h4&gt;

&lt;p&gt;We're committed to making licensing as transparent as possible and to this end we've built a Creative Commons license selector, which the editor can utilise before publishing.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/JROFaE5l850v7i4E67gGKlGFOfaQoZwP7jzwscsqYOM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzJkd3p3eHI2/YjFnZXhvaWs5NTh0/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/JROFaE5l850v7i4E67gGKlGFOfaQoZwP7jzwscsqYOM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzJkd3p3eHI2/YjFnZXhvaWs5NTh0/LnBuZw" alt="A screenshot of a modal containing options used to select a Creative Commons license." width="880" height="765"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  The Remixer
&lt;/h3&gt;

&lt;p&gt;The Remixer holds a lot of promise for repurposing content. It allows people to construct new videos just by moving text around, and so it's a very intuitive content-based way to assemble new forms.&lt;/p&gt;

&lt;p&gt;Making easy-to-use tools can be hard and the Remixer is the most complex part of the platform to build. At MozFest in March I demoed an early alpha version and I'm pleased to say that we are on the verge of having a fully functioning version ready for people to test.&lt;/p&gt;

&lt;p&gt;I sometimes (half) joke that 90% of our development time was spent on The Remixer! But remixing and repurposing content is at the heart of our platform, so we're taking the time to make sure we get this part right.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/hSLvFdrj0tBhhRhGy3AUNylNYSW_y9qaSSfYuOGcx64/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3Q2bzc0aHFk/cno3OHlqZDcyazdw/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/hSLvFdrj0tBhhRhGy3AUNylNYSW_y9qaSSfYuOGcx64/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3Q2bzc0aHFk/cno3OHlqZDcyazdw/LnBuZw" alt='A screenshot of the Hyperaudio Remixer showing two transcripts side by side, the right hand side transcript shows buttons with effects on such as "Slide", "Title" and "Transition"' width="880" height="946"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;One of the great things about The Remixer is that it's an "on-the-fly" audio and video editor. That is to say that we're assembling the resultant mix as a type of playlist, where you can specify the start and stop times of items in that playlist simply by selecting text. No mixing down to a single file required.&lt;/p&gt;

&lt;p&gt;Each item or snippet maintains a link to the larger piece of media it references, which means that not only can we present the context of any mix, but we can also allow remixes to be expanded as well as contracted.&lt;/p&gt;

&lt;p&gt;It's useful to be able to remix conference material: &lt;/p&gt;

&lt;p&gt;– It allows you to quickly make shorter and tighter versions of a talk. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You are not restricted to one source either, you can create mixes from different sources based, say, on a common theme.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We also have plans to make search results a type of remix. Search for a phrase or term and see a remix made up of paragraphs where that phrase is mentioned. This could also act as a base for a new remix. Wow – so much remix! Did I mention remixes are remixable and that you can remix the remixes?😬&lt;/p&gt;

&lt;p&gt;As remixes can be presented through the Viewer you can embed those remixes into any web page.&lt;/p&gt;

&lt;h3&gt;
  
  
  Wordpress Plugin and Hyperaudio Lite
&lt;/h3&gt;

&lt;p&gt;We're keen on users of the Hyperaudio platform to be able to reuse their data in other contexts. We go further than embedding by providing two libraries which can be used with an HTML representation of timed-transcripts and a link to the video.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/WGSDQhb2LK03dPu1lav7Fjd_6ZUkzm5Zj1M5cGaTneY/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3dhY2VmMGkw/a3J1Z2YyNGxreWpv/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/WGSDQhb2LK03dPu1lav7Fjd_6ZUkzm5Zj1M5cGaTneY/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3dhY2VmMGkw/a3J1Z2YyNGxreWpv/LnBuZw" alt="The readme.md of the Hyperaudio Lite GitHub repo" width="880" height="896"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/hyperaudio/hyperaudio-lite"&gt;Hyperaudio Lite&lt;/a&gt; is a lightweight JavaScript library that allows developers to create and customise Interactive Transcripts, which in turn makes up the core of the &lt;a href="https://github.com/hyperaudio/wordpress-hyperaudio"&gt;Wordpress Plugin&lt;/a&gt; making it easy for non-developers to do the same.&lt;/p&gt;

&lt;p&gt;These open source modules have been [extended to support Web Monetization] and slowly improved upon, with the help from the Hyperaudio community. &lt;/p&gt;

&lt;p&gt;We plan to support remixes in Hyperaudio Lite and to generalise the caption generation module, so that it can be used independently from Hyperaudio Lite.&lt;/p&gt;

&lt;p&gt;Ian Forrester who works for BBC R&amp;amp;D has been experimenting with Hyperaudio Lite to Web Monetize DJ mixes so the artists can be compensated, he's calling it WebMix.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/w2TVNC0XXeImwFFBXproo9yjd7wOz_5qqtGJLPW6qCo/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3R4eTVkbDB5/bjB3OXJmb3o4OGt5/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/w2TVNC0XXeImwFFBXproo9yjd7wOz_5qqtGJLPW6qCo/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3R4eTVkbDB5/bjB3OXJmb3o4OGt5/LnBuZw" alt="A screenshot of Ian Forrester's WebMix view – a list of tracks, on the left the web development tools are open showig Payment Pointer has been inserted into the code" width="880" height="342"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Check it out on his blog post – &lt;a href="https://community.interledger.orgThe%20incidental%20contact%20high%20mix"&gt;The incidental contact high mix&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Export, Embedding and Permanent Access
&lt;/h3&gt;

&lt;p&gt;As part of our anti "lock-in" strategy we're committed not only to providing mechanisms to embed content from the Hyperaudio platform, but also more robustly to allow that content to be hosted and reused independently.Our collaboration with &lt;a href="https://permanent.org"&gt;Permanent&lt;/a&gt; is important, because it means predictable video streaming costs. It's also makes a nice ad-free alternative to YouTube.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/1SupnCs4U0Xynmy2RNbcEiuukzI6kyk2DLIKwLTiImw/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzZscGlsaHFv/c2hnZzZzdmNvZ3pt/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/1SupnCs4U0Xynmy2RNbcEiuukzI6kyk2DLIKwLTiImw/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzZscGlsaHFv/c2hnZzZzdmNvZ3pt/LnBuZw" alt="Permanent.org's front page" width="880" height="593"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Since the data we produce includes both transcripts and media, we provide a way of exporting both representations, in coupled and de-couple forms. You can export as plain text, captions (in SRT and WebVTT formats) as well as video, audio or integrated media and transcripts.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key activities
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Community
&lt;/h3&gt;

&lt;p&gt;An important key activity for us was the building up of community around Hyperaudio. &lt;/p&gt;

&lt;h4&gt;
  
  
  MozFest 2022
&lt;/h4&gt;

&lt;p&gt;When we applied for funding we were not sure whether Hyperaudio for Conferences would be used and developed alongside Mozilla Festival – MozFest 2022. &lt;/p&gt;

&lt;p&gt;I'm pleased to say that after a small and low-key pilot last year, the MozFest organisers were enthusiastic to experiment further with Hyperaudio this year and this has been invaluable in attracting an international community.&lt;/p&gt;

&lt;p&gt;Although MozFest is an international festival, most of the content is in English, so there's a real appetite to translate content and it's great to be able to test out our internationalisation workflows with an international community.&lt;/p&gt;

&lt;p&gt;Building a community is challenging, so it was a real benefit to have Mozilla's support, and to be able to contact the facilitators of all the amazing content that MozFest produces.&lt;/p&gt;

&lt;p&gt;We ended up with 32 sessions to transcribe and translate. And some very enthusiastic facilitators who saw the potential for their content to reach a broader audience. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/npzgggNSdPUt8QNB7NcvCO3BlS3r440O0zM44lbT3LE/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzRqYjJoZ2ly/dGZiZzVmeW94M3Rp/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/npzgggNSdPUt8QNB7NcvCO3BlS3r440O0zM44lbT3LE/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzRqYjJoZ2ly/dGZiZzVmeW94M3Rp/LnBuZw" alt="Part of the front page of mozfest.hyper.audio showing various talks and their descriptions" width="880" height="652"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We also benefited from Interledger's support at the festival, becoming part of the &lt;a href="https://community.webmonetization.org/grantfortheweb/join-in-the-grand-mozfest-web-monetization-experiment-3jm5"&gt;Grand Web Monetization Experiment&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The work we're doing with the MozFest community is ongoing and  we recently ran an "Editathon" so that we could meet each other facet-to-face while editing and translaing content as a group. We're planning more of these sessions which will culminate with a "Remixathon".&lt;/p&gt;

&lt;h3&gt;
  
  
  Ethical Aspects
&lt;/h3&gt;

&lt;p&gt;Hyperaudio has a strong ethical position which we invested a fair bit of time in discussing and capturing. This position informs our design decisions and policies. As well as being an open source platform that encourages users to take control of their content (through the anti-lock-in features discussed earlier), we also want Hyperaudio for Conferences to be a safe space. &lt;a href="https://community.webmonetization.org/hyperaudio/ethics-and-intent-what-that-really-means-for-hyperaudio-3p07"&gt;We wrote &lt;em&gt;a lot&lt;/em&gt; more about this in a separate post&lt;/a&gt; and many aspects are reflected in our Code of Conduct.&lt;/p&gt;

&lt;p&gt;As we slowly roll out Hyperaudio, we want to be able to choose the conferences which we invite on to our platform. So one of the first things we put in place was a waiting list. I'm pleased to say that there are people on it!&lt;/p&gt;

&lt;h4&gt;
  
  
  Privacy
&lt;/h4&gt;

&lt;p&gt;One important is that of privacy. With MozFest for example, we need to mirror their privacy policy, which means that after a certain period we need to take video content down, although we can give those videos to facilitators to use as they wish, as long as we mask participants' identity. Luckily we have the data to be able to do this automatically, the idea being to use the facilitator view and mute the audio, while providing captions. Also we advise using speaker names that don't reveal the speaker's identity.&lt;/p&gt;

&lt;h3&gt;
  
  
  Open Source
&lt;/h3&gt;

&lt;p&gt;All our code is open source and &lt;a href="https://github.com/hyperaudio"&gt;available on GitHub&lt;/a&gt;. You'll also find issues and documentation there.&lt;/p&gt;

&lt;h2&gt;
  
  
  Communications and marketing
&lt;/h2&gt;

&lt;p&gt;We have a newsletter with * &lt;em&gt;checks notes&lt;/em&gt; * 182 readers, who we are keeping up to date with progress. Please join :)&lt;/p&gt;

&lt;p&gt;We're also pleased to announce that we managed to change our old Twitter handle from @hyperaud_io to the much nicer &lt;a href="https://twitter.com/hyperaudio"&gt;@hyperaudio&lt;/a&gt;. Where we tweet from time to time. Please follow :)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.webmonetization.org/hyperaudio"&gt;We've blogged on webmonetization.org&lt;/a&gt; and I've blogged some &lt;a href="https://maboa.it"&gt;more personal stuff on maboa.it&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;During MozFest we put together the following resources as public Notion docs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://hyperaudio.notion.site/Hyperaudio-and-MozFest-2022-82c33b9d6e2f432f8513f8f143a31930"&gt;Hyperaudio and MozFest 2022 – A guide for facilitators and other interested parties ...&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://hyperaudio.notion.site/Hyperaudio-and-MozFest-2022-e29049d3066442d5b7b7788725b61fe7"&gt;Hyperaudio and MozFest 2022 – How to Edit a Transcript 📝&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What’s next?
&lt;/h2&gt;

&lt;p&gt;Phew! We've achieved a lot. The platform looks professional and slick and we have the main pieces in place which we were able to gain validation and feedback from the small community that we built.  &lt;/p&gt;

&lt;p&gt;We're ambitious and so we aimed high and we still have a bit more of the road to travel until we get to where we want to be. But we plan to build upon the momentum that we have, to add polish to the platform as we emerge from beta.&lt;/p&gt;

&lt;p&gt;We also have plans to create a desktop application which will be able to submit content for inclusion in a new community area of Hyperaudio we hope to build.&lt;/p&gt;

&lt;h2&gt;
  
  
  What community support would benefit your project?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Community Activities
&lt;/h3&gt;

&lt;p&gt;We'll continue to run Editathons, Translatathons and Remixathons for MozFest content. If you think you would be interested in participating, please contact me directly or join the #Hyperaudio channel in the &lt;a href="https://www.mozillafestival.org/en/slack/"&gt;MozFest Slack&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conferences
&lt;/h3&gt;

&lt;p&gt;It's been great to be able to liaise with Mozilla on MozFest, we want to keep the momentum going by working with other conferences.&lt;/p&gt;

&lt;p&gt;If anybody knows of any other conferences that could benefit from Hyperaudio for Conferences, please point them towards our &lt;a href="https://hyper.audio/conferences"&gt;website&lt;/a&gt;, where we have a waiting list.&lt;/p&gt;

&lt;h3&gt;
  
  
  Further Funding
&lt;/h3&gt;

&lt;p&gt;We aim to be a sustainable non-profit and so we'd love to hear about any further sources of funding so that we can move to the next stage.&lt;/p&gt;

&lt;p&gt;It doesn't need to be confined to conferences, other applications of the technology include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Educational (&lt;a href="https://maboa.it/fighting-disinformation-with-media-literacy/"&gt;especially in the areas of Media Literacy and combating Misinfo and Disinfo&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;Lecture Capture&lt;/li&gt;
&lt;li&gt;Podcasting&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Additional comments
&lt;/h2&gt;

&lt;p&gt;Just wanted to say thanks to Annabel, Joanna, Laurian and Pio for dedicating so many hours to this project and our collaborators – Soledad, Nic, Ian, Sophie, Sofia, Sebastian, Priscila, Hillary, Pamela, all our 32 registered users (woo!), The Permanent Legacy Foundation, The MozFest Team, Nathalie and Art of New Media Rights and of course the Interledger team for making all of this possible. &lt;br&gt;
❤️❤️❤️&lt;/p&gt;

&lt;h2&gt;
  
  
  Relevant links/resources
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://hyper.audio"&gt;Hyperaudio Website&lt;/a&gt;&lt;br&gt;
&lt;a href="https://hyper.audio/conferences"&gt;Hyperaudio for Conferences&lt;/a&gt;&lt;br&gt;
&lt;a href="https://mozfest.hyper.audio"&gt;MozFest Hyperaudio&lt;/a&gt;&lt;br&gt;
&lt;a href="https://twitter.com/hyperaudio"&gt;Hyperaudio on Twitter&lt;/a&gt;&lt;br&gt;
&lt;a href="https://github.com/hyperaudio"&gt;Hyperaudio on GitHub&lt;/a&gt;&lt;/p&gt;

</description>
      <category>grantreports</category>
      <category>webmonetization</category>
      <category>hyperaudio</category>
      <category>accessibility</category>
    </item>
    <item>
      <title>Hyperaudio for Conferences — MozFest 2022 Web Monetization Action Plan</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Wed, 30 Mar 2022 09:04:30 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-mozfest-2022-web-monetization-action-plan-k9f</link>
      <guid>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-mozfest-2022-web-monetization-action-plan-k9f</guid>
      <description>&lt;h2&gt;
  
  
  Project Description
&lt;/h2&gt;

&lt;p&gt;Hyperaudio for Conferences is a web monetized platform that helps make recorded conference material as accessible as possible. To do this we automatically transcribe conference videos, create interactive transcripts – providing tools to edit, translate and remix.&lt;/p&gt;

&lt;p&gt;Often transcription is an afterthought, but we like to put transcripts first and use them to make intuitive interfaces for powering audio and video.&lt;/p&gt;

&lt;p&gt;Remixing media from transcripts is straightforward and fun – we can further encourage the repurposing of content by adding a sprinkle of Web Monetization.&lt;/p&gt;

&lt;h2&gt;
  
  
  Images
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/vzPwi9TDxIth9gjvNC6l6S-N5ZjqITCq-LCeJNaBVJM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3Jtem82Y3M3/NXNkODhrMTh1a3B0/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/vzPwi9TDxIth9gjvNC6l6S-N5ZjqITCq-LCeJNaBVJM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3Jtem82Y3M3/NXNkODhrMTh1a3B0/LnBuZw" alt="A screen capture of mozfest.hyper.audio home page" width="880" height="729"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The mozfest.hyper.audio home page.&lt;/em&gt;&lt;br&gt;
&lt;br&gt;&lt;br&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/p4bXIm8yQSsBqptnJdVPdQ00wXmcJNPznA1A9gPCWIE/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2ZuN2UzZXRo/eDdyOHhmNm00cHEx/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/p4bXIm8yQSsBqptnJdVPdQ00wXmcJNPznA1A9gPCWIE/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2ZuN2UzZXRo/eDdyOHhmNm00cHEx/LnBuZw" alt="A screen capture of the new Hyperaudio Remixer showing a source pane and a target pane containing videos of people speaking at a conference with transcripts below them." width="880" height="621"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The new Hyperaudio Remixer.&lt;/em&gt;&lt;br&gt;
&lt;br&gt;&lt;br&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Web Monetized Resources at MozFest
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://hyper.audio/conferences"&gt;Hyperaudio for Conferences&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://mozfest.hyper.audio/"&gt;MozFest Hyperaudio Home Page&lt;/a&gt; 

&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Ways in Which I Am Web Monetizing These Resources
&lt;/h3&gt;

&lt;p&gt;We want to encourage and compensate the content creators that use our platform – whether they are organisers, speakers or remixers.&lt;/p&gt;

&lt;p&gt;We've figured out a way to proportionally stream payments  to speakers or content owners. This means if somebody's content is featured in a remix, they will be compensated according to how much of that content web monetization enabled browsers stream.&lt;/p&gt;

&lt;p&gt;Conversely – the creator of the remix receives payment when the video is &lt;em&gt;not&lt;/em&gt; playing.&lt;/p&gt;

&lt;p&gt;We also have &lt;a href="https://community.webmonetization.org/hyperaudio/adding-web-monetization-to-the-hyperaudio-wordpress-plugin-4kne"&gt;the payment-pointer swapping mechanism implemented&lt;/a&gt; in &lt;a href="https://github.com/hyperaudio/hyperaudio-lite"&gt;Hyperaudio Lite&lt;/a&gt; and our &lt;a href="https://github.com/hyperaudio/wordpress-hyperaudio"&gt;Wordpress Plugin&lt;/a&gt;, so that users can also add web monetized transcripts to their own websites.&lt;/p&gt;

&lt;h4&gt;
  
  
  Post MozFest
&lt;/h4&gt;

&lt;p&gt;We're trying out a very early beta version of &lt;a href="https://hyper.audio/conferences"&gt;Hyperaudio for Conferences&lt;/a&gt; by &lt;a href="https://hyperaudio.notion.site/Hyperaudio-and-MozFest-2022-82c33b9d6e2f432f8513f8f143a31930"&gt;encouraging session facilitators to give us permission&lt;/a&gt; to add their videos to &lt;a href="https://mozfest.hyper.audio"&gt;mozfest.hyper.audio&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;We're also planning a number of post MozFest sessions where facilitators and attendees alike can come together to edit and translate transcripts.&lt;/p&gt;

&lt;p&gt;Once the content is in good shape, we'll open things up for remixing 🤗&lt;/p&gt;

&lt;h3&gt;
  
  
  Copy for a Tweet About My Web Monetized Resources at MozFest
&lt;/h3&gt;

&lt;p&gt;Let's keep the #MozFest party going with @hyperaudio for Conferences 🎉🎉🎉 &lt;/p&gt;

&lt;p&gt;Time to revisit and remix some of those amazing sessions!! &lt;a href="https://mozfest.hyper.audio"&gt;https://mozfest.hyper.audio&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  My Payment Pointer Supports this Internet Health or Social Good Initiative (optional)
&lt;/h3&gt;

&lt;p&gt;Content creators who do not have a payment pointer, or wish to donate to a good cause will be asked to select from the &lt;a href="https://community.webmonetization.org/grantfortheweb/non-profit-payment-pointers-2890"&gt;list of social benefit payment pointers&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  I'd Love the Community Support with this Project By ...
&lt;/h3&gt;

&lt;p&gt;We'd love to hear from conferences that might benefit form Hyperaudio – please feel free to point them towards &lt;a href="https://hyper.audio/conferences"&gt;hyper.audio/conferences&lt;/a&gt; and our &lt;a href="https://docs.google.com/forms/d/e/1FAIpQLSdlFzzZmzrKm0Dh3BvB7roUbqtXSj4cpdPpaVtXMEZo9xkSxQ/viewform"&gt;application form&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Let's Stay Connected (optional)
&lt;/h3&gt;

&lt;p&gt;Check out &lt;a href="https://hyper.audio"&gt;our website&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Follow &lt;a href="https://twitter.com/hyperaudio"&gt;us&lt;/a&gt; on Twitter.&lt;/p&gt;

&lt;p&gt;Join &lt;a href="https://hyperaudio.slack.com"&gt;our community&lt;/a&gt; on Slack.&lt;/p&gt;

&lt;p&gt;Or sign up for &lt;a href="https://audio.us2.list-manage.com/subscribe/post?u=ebee85ce694a947a39dec9f26&amp;amp;id=f90488e03a"&gt;our newsletter&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Additional Comments
&lt;/h3&gt;

&lt;p&gt;Thank you for this opportunity! ❤️&lt;/p&gt;

</description>
      <category>actionplan</category>
      <category>webmonetization</category>
      <category>mozfest</category>
      <category>hyperaudio</category>
    </item>
    <item>
      <title>Hyperaudio for Conferences — Grant Report #1</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Fri, 08 Oct 2021 16:24:44 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-grant-report-1-2b2k</link>
      <guid>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-grant-report-1-2b2k</guid>
      <description>&lt;h2&gt;
  
  
  Project Update
&lt;/h2&gt;

&lt;p&gt;The official start date for this project was June 16th. Due to various members of the team taking holidays around Europe (myself included), we really didn't hit our stride until mid July. Now I'm glad to report that we're making good progress, although mid-December (our planned launch date) looks very close indeed.&lt;/p&gt;

&lt;p&gt;Although it's an ambitious task to create a product in 6 months – what makes it feasible is that we've built some of the key components before. It's hard to believe but The Hyperaudio Project (as a concept at least) is 10 years old this month! 🎉 🍰&lt;/p&gt;

&lt;p&gt;Technology does not stand still – the web has changed significantly since those early demos, and the technology we've used has changed to suit – which means we still have lots to do!&lt;/p&gt;

&lt;h2&gt;
  
  
  Progress on objectives
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Planning and Organisation
&lt;/h3&gt;

&lt;p&gt;We continue to refine the flow of the application from a high-level using &lt;a href="https://app.excalidraw.com/l/AbMXdqTg3c2/5BEfrB0nkwp"&gt;Excalidraw&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/A8DiKinaBcteErOKNGa6Jofqw7_cVmNmQtFTggv0eQk/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3A5cDk5aHpq/a291Z3c2eWN5M3l2/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/A8DiKinaBcteErOKNGa6Jofqw7_cVmNmQtFTggv0eQk/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3A5cDk5aHpq/a291Z3c2eWN5M3l2/LnBuZw" alt="a screen grab of the Hyperaudio for Conferences flow sketch" width="880" height="768"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We're committed to working in the open. Our &lt;a href="https://github.com/hyperaudio/hyperaudio/"&gt;GitHub repository&lt;/a&gt; is public, as is our &lt;a href="https://github.com/hyperaudio/hyperaudio/projects/2"&gt;Project Board&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Wordpress Plugin
&lt;/h3&gt;

&lt;h6&gt;
  
  
  &lt;em&gt;&lt;img src="https://community.interledger.org/images/3ZGgpTOVaf4D0VQH_hXN6qY_optvFhYEqc0wuyJfD38/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL214bDVvZWw4/YzVtYTJmeXlzMGZw/LmpwZw" alt="Two Russian dolls – the larger labeled Hyperaudio Wordpress Plugin, the smaller labeled Hyperaudio Lite" width="880" height="667"&gt;&lt;a href="https://www.flickr.com/photos/66926578@N00/233071629"&gt;"Russian doll"&lt;/a&gt;&lt;span&gt; by &lt;a href="https://www.flickr.com/photos/66926578@N00"&gt;Peter Becker&lt;/a&gt;&lt;/span&gt; is licensed under &lt;a href="https://creativecommons.org/licenses/by/2.0/?ref=ccsearch&amp;amp;atype=html"&gt;CC BY 2.0&lt;/a&gt;&lt;a href="https://creativecommons.org/licenses/by/2.0/?ref=ccsearch&amp;amp;atype=html" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;/em&gt;
&lt;/h6&gt;

&lt;p&gt;We're happy to announce the completion of the integration of Web Monetization into the Hyperaudio Lite library and Hyperaudio Wordpress Plugin.&lt;/p&gt;

&lt;p&gt;Read more about it in this post &lt;a href="https://community.webmonetization.org/maboa/adding-web-monetization-to-the-hyperaudio-wordpress-plugin-4kne"&gt;Adding Web Monetization to the Hyperaudio Wordpress Plugin&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Or watch the video below for the details of how to use.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/8kRNh8iBkVk"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h3&gt;
  
  
  Transcript Editor
&lt;/h3&gt;

&lt;p&gt;In our original timeline we placed work on the Editor before that of the Remixer, since then we've shuffled priorities around a little.&lt;/p&gt;

&lt;p&gt;We decided that since the Remixer was really at the heart of Hyperaudio and also by far the most complex component – we should work on that first.&lt;/p&gt;

&lt;p&gt;That said, we have commenced work on the Editor – some experimentation around maintaining decent performance without having to resort to pagination. Initial results are looking promising.  &lt;/p&gt;

&lt;h3&gt;
  
  
  The Remixer
&lt;/h3&gt;

&lt;p&gt;The Remixer is really what makes Hyperaudio special. The ability to combine content from a number of sources to create new forms is intuitive and actually a lot of fun (as we found out when we took &lt;a href="https://maboa.it/hyperaudio-for-schools/"&gt;Hyperaudio into schools&lt;/a&gt;). It also gels really well with Creative Commons licenses.&lt;/p&gt;

&lt;p&gt;This will be the fourth iteration of our Remixer (orginally called the Hyperaudio Pad) – the most recent we created for the &lt;a href="https://studsterkel.wfmt.com/remixer"&gt;Studs Terkel Radio Archive&lt;/a&gt;. The version for conferences will include new features such as slides integration. We also want to make sure it's super easy to establish the source and context of any remix and so we're baking that right in. Essentially all remixes will come with "view source"!&lt;/p&gt;

&lt;p&gt;This is a screen grab from a product we're using called &lt;a href="https://storybook.js.org/"&gt;Storybook&lt;/a&gt; which allows us to try out components as they are being developed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/tnExxyakfElCmZr2ZVYWWqts296W_8O7JfsDKbXXljw/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3c4ZndudGp2/dTgyY2g0ZXJzY3l1/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/tnExxyakfElCmZr2ZVYWWqts296W_8O7JfsDKbXXljw/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL3c4ZndudGp2/dTgyY2g0ZXJzY3l1/LnBuZw" alt="a screen shot of the Hyperaudio Remixer" width="880" height="700"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  &lt;em&gt;The Remixer in Edit mode and dual pane view&lt;/em&gt;
&lt;/h6&gt;

&lt;p&gt; &lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/285i4KQKDuWBgPyxDHLE9UAfkEbq6DwNB3q_b0f66zM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL281NTRxdm1u/YjM2azB0ODVwZWVh/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/285i4KQKDuWBgPyxDHLE9UAfkEbq6DwNB3q_b0f66zM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL281NTRxdm1u/YjM2azB0ODVwZWVh/LnBuZw" alt="a screen shot of the Hyperaudio Remixer in single pane view with export options visible" width="880" height="995"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  &lt;em&gt;The Remixer in single pane view with export options&lt;/em&gt;
&lt;/h6&gt;

&lt;h3&gt;
  
  
  Backend Infrastructure
&lt;/h3&gt;

&lt;p&gt;There's a lot going on under the surface of Hyperaudio. We need to be able to transcode, transcribe and translate media to provide the raw material (timed transcripts) upon which Hyperaudio is built. We'd also like this process to be efficient and as cheap as possible. To this end we use an architecture that has come to be known as "Serverless", which essentially means that once this architecture is in place we won't need to provision, scale and maintain servers. The tradeoff is that we need to build things within certain constraints.&lt;/p&gt;

&lt;p&gt;The good news is that we're very close to having our serverless pipeline up and running.&lt;/p&gt;

&lt;p&gt;And then we have role management. If you squint, you can see that in our flow diagram above we have three types of role:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Organiser&lt;/li&gt;
&lt;li&gt;Author / Editor&lt;/li&gt;
&lt;li&gt;Viewer / Remixer&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And we not only need to give differing permissions to each of these roles but also consider that the various pieces of media can have various permissions attached to them.&lt;/p&gt;

&lt;h3&gt;
  
  
  Branding and Landing Page
&lt;/h3&gt;

&lt;p&gt;We had already established some branding for the new &lt;a href="https://hyper.audio"&gt;Hyperaudio family of products&lt;/a&gt; prior to running our pilot with Mozilla earlier this year.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/8rsKnaC8yX15YwOzSGNAQ8-Gh1JMOIo-C2ii9QESlwA/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2FvdGJ4eGVr/enc4d2lkaXJkbzRo/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/8rsKnaC8yX15YwOzSGNAQ8-Gh1JMOIo-C2ii9QESlwA/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2FvdGJ4eGVr/enc4d2lkaXJkbzRo/LnBuZw" alt="Hyperaudio logomark and logotype" width="880" height="499"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  &lt;em&gt;Hyperaudio logomark &amp;amp; logotype&lt;/em&gt;
&lt;/h6&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/dek2cKKN29c5OHE1dHToBsIZAZbRKQhzk8FZBHkXLWM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2JsYjVwdDBp/b29wN3R0dW1zbWV3/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/dek2cKKN29c5OHE1dHToBsIZAZbRKQhzk8FZBHkXLWM/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzL2JsYjVwdDBp/b29wN3R0dW1zbWV3/LnBuZw" alt="Hyperaudio for Conferences possible logo " width="880" height="493"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  &lt;em&gt;Hyperaudio larger logo idea&lt;/em&gt;
&lt;/h6&gt;

&lt;p&gt;&lt;a href="https://community.interledger.org/images/cM7DS5mrF6a5xOR_orCrpggYF1awbT4goub59n7V2P4/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzEyazhiaHU4/cW80dTBtNWxvcndu/LnBuZw" class="article-body-image-wrapper"&gt;&lt;img src="https://community.interledger.org/images/cM7DS5mrF6a5xOR_orCrpggYF1awbT4goub59n7V2P4/w:880/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuaW50ZXJs/ZWRnZXIub3JnL3Jl/bW90ZWltYWdlcy91/cGxvYWRzL2FydGlj/bGVzLzEyazhiaHU4/cW80dTBtNWxvcndu/LnBuZw" alt="Hyperaudio for Conferences possible logo " width="880" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h6&gt;
  
  
  &lt;em&gt;Hyperaudio smaller logo (and family) idea&lt;/em&gt;
&lt;/h6&gt;

&lt;p&gt;As far as landing page content is concerned, we've been taking a look at what differentiates Hyperaudio from other similar platforms. It's been useful to establish our value propositions.&lt;/p&gt;

&lt;p&gt;It's sometimes easier to understand what Hyperaudio is all about by seeing it in action, so we'll be combining our key value propositions with images, animations and videos on our landing page.&lt;/p&gt;

&lt;p&gt;Also it's important to note that values should define tone. We talk more about our values under "Safety and Ethical Considerations".&lt;/p&gt;

&lt;h3&gt;
  
  
  Safety and Ethical Considerations
&lt;/h3&gt;

&lt;p&gt;As a team and organisation we feel very strongly that we should could consider the various ways a platform can be abused and the implications for the users of that platform, &lt;em&gt;before&lt;/em&gt; building it. (We'll write more about this soon as it merits its own post).&lt;/p&gt;

&lt;p&gt;It's interesting to see &lt;a href="https://www.descript.com/ethics"&gt;newer companies that take advantage of AI starting to include an ethics page&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Pricing and Payment Plans
&lt;/h3&gt;

&lt;p&gt;Nothing is set in stone yet, but we are considering keeping things simple and having annual plans. Most conferences occur annually and we hope that organisations will build upon each year's content when their new conferences come around.&lt;/p&gt;

&lt;p&gt;We're also planning to team up with another GftW Grantee &lt;a href="https://permanent.org"&gt;Permanent.org&lt;/a&gt; to offer plans where content can be streamed directly from a Permanent account and can be archived indefinitely, independent of having an active Hyperaudio for Conferences plan.&lt;/p&gt;

&lt;p&gt;Plans will be based on hours of media and likely come in four sizes: 10 hour, 20 hour, 40 hour and 100 hour plans.&lt;/p&gt;

&lt;p&gt;Discounts will be offered to non-profits, academic institutions and organisations working with underrepresented communities. &lt;/p&gt;

&lt;h3&gt;
  
  
  Routing and Subdomains
&lt;/h3&gt;

&lt;p&gt;A quick note about routing and subdomains, which is a combined infrastructure and usability issue and something we decided while keeping an eye on having a family of products in the future. We have decided upon the following:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;hyper.audio&lt;/code&gt; – top level domain where you find our family of products.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;hyper.audio/conferences&lt;/code&gt; – landing page for this particular product.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;mozfest.hyper.audio&lt;/code&gt; – example of subdomain for organisations signed up to any of our products.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Good news about our Twitter handle
&lt;/h3&gt;

&lt;p&gt;We managed to get our Twitter handle changed from @hyperaud_io (which reflected &lt;a href="https://hyperaud.io"&gt;our previous domain&lt;/a&gt;) to &lt;a href="https://twitter.com/hyperaudio"&gt;@hyperaudio&lt;/a&gt;. You should definitely follow us! 😊&lt;/p&gt;

&lt;h2&gt;
  
  
  Key activities
&lt;/h2&gt;

&lt;p&gt;Our main GitHub repo resides at &lt;a href="https://github.com/hyperaudio/hyperaudio"&gt;github.com/hyperaudio/hyperaudio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To play about with the latest versions of our components in Storybook – from the command line:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Clone the &lt;a href="https://github.com/hyperaudio/hyperaudio"&gt;&lt;code&gt;hyperaudio/hyperaudio&lt;/code&gt; repo&lt;/a&gt; and switch to &lt;code&gt;develop&lt;/code&gt; branch.&lt;/li&gt;
&lt;li&gt;Change directory to &lt;code&gt;packages/remixer&lt;/code&gt; and run &lt;code&gt;yarn&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Change directory to then jump inside &lt;code&gt;packages/storybook&lt;/code&gt; run &lt;code&gt;yarn&lt;/code&gt; then &lt;code&gt;yarn start&lt;/code&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The Storybook page should pop up in your browser.&lt;/p&gt;

&lt;p&gt;The Web Monetisable Hyperaudio Wordpress Plugin can be found at &lt;a href="https://github.com/hyperaudio/wordpress-hyperaudio"&gt;github.com/hyperaudio/wordpress-hyperaudio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The Web Monetisable Hyperaudio Lite Library can be found at &lt;br&gt;
at &lt;a href="https://github.com/hyperaudio/hyperaudio-lite"&gt;github.com/hyperaudio/hyperaudio-lite&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Happily we're starting to see Pull Requests come in from the general community.&lt;/p&gt;

&lt;h2&gt;
  
  
  Communications and marketing
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://community.webmonetization.org/maboa/hyperaudio-for-conferences-and-gftw-k3"&gt;Hyperaudio for Conferences and Grant for the Web&lt;/a&gt; (Blog Post)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://community.webmonetization.org/maboa/adding-web-monetization-to-the-hyperaudio-wordpress-plugin-4kne"&gt;Adding Web Monetization to the Hyperaudio Wordpress Plugin &lt;/a&gt; (Blog Post)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://youtu.be/f0nCDVwOoHU"&gt;Payment Pointers in Interactive Transcripts&lt;/a&gt; (Video)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://youtu.be/8kRNh8iBkVk"&gt;Web Monetization in the Hyperaudio Wordpress Plugin&lt;/a&gt; (Video)&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In other news, our &lt;a href="https://hyper.audio/"&gt;"Get early access"&lt;/a&gt; list has grown to 122 people. We're also tweeting quite regularly from &lt;a href="https://twitter.com/hyperaudio"&gt;@hyperaudio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We are planning more marketing activities as we get closer to release.&lt;/p&gt;

&lt;h2&gt;
  
  
  What’s next?
&lt;/h2&gt;

&lt;p&gt;We're aiming to complete the media pipeline and solidify the API in the next few weeks and in parallel start to breathe life into some key components such as the:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Remixer&lt;/li&gt;
&lt;li&gt;Editor&lt;/li&gt;
&lt;li&gt;Translation Module&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We'll also create some key mechanisms including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Caption Generator&lt;/li&gt;
&lt;li&gt;Rich Social Media Share and Integration&lt;/li&gt;
&lt;li&gt;Web Monetization Integration&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We've still to design and implement all those pages that make up the rest of the platform, such as the Media Dashboard, Web Monetization allocation and permissions system.&lt;/p&gt;

&lt;p&gt;We need to wrestle with GDPR compliance and integrate payment mechanisms. &lt;/p&gt;

&lt;p&gt;We'll finalise the website identity, content and payment plans and hopefully sign Memorandums of Understanding with our potential partners (for now &lt;a href="https://permanent.org"&gt;Permanent.org&lt;/a&gt;).&lt;/p&gt;

&lt;p&gt;Wow – that's a lot. 😓&lt;/p&gt;

&lt;h2&gt;
  
  
  What community support would benefit your project?
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;We'd be interested in hearing from any conference organisers who would like to use the beta version of Hyperaudio Conferences. So if you know anybody who wants to make their conference material accessible and multilingual, please reach out to us and them 😄&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;We'd really like to know what you think about our project. We're always happy to receive feedback!&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Contact us if you think there's a way to collaborate. If you'd like to couple any web-based audio or video with an Interactive Transcript, we'd be happy to advise and give you access to our work-in-progress editor.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Oh and please &lt;a href="https://twitter.com/hyperaudio"&gt;follow us on Twitter&lt;/a&gt; and give our &lt;a href="https://github.com/hyperaudio/"&gt;GitHub Repos&lt;/a&gt; some stars! ⭐❤️&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Additional comments
&lt;/h2&gt;

&lt;p&gt;Just a big thank you to the Grant for the Web initiative, community and to the Hyperaudio team – Annabel, Dan, Joanna, Laurian and Piotr.&lt;/p&gt;

&lt;h2&gt;
  
  
  Relevant links/resources  (optional)
&lt;/h2&gt;

&lt;p&gt;In case they're useful to others, we can recommend:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.julian.com/guide/growth/landing-pages"&gt;Julian.com on Landing Pages&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://twitter.com/heyblake/status/1389725784651309056?s=19"&gt;This Twitter Thread on Landing Pages by Blake Emal&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>grantreports</category>
    </item>
    <item>
      <title>Adding Web Monetization to the Hyperaudio Wordpress Plugin</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Fri, 24 Sep 2021 15:39:12 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/adding-web-monetization-to-the-hyperaudio-wordpress-plugin-4kne</link>
      <guid>https://community.interledger.org/hyperaudio/adding-web-monetization-to-the-hyperaudio-wordpress-plugin-4kne</guid>
      <description>&lt;p&gt;An overarching our aim with Hyperaudio is to provide a platform where users have control over their data and are free to export it a number of useful formats.&lt;/p&gt;

&lt;p&gt;One of these formats is HTML (the web's markup language) – we represent our timed transcripts as HTML for a number of reasons:&lt;/p&gt;

&lt;h3&gt;
  
  
  🌈 Accessibility
&lt;/h3&gt;

&lt;p&gt;Transcripts render and are readable without JavaScript enabled.&lt;/p&gt;

&lt;h3&gt;
  
  
  🌈 Readability
&lt;/h3&gt;

&lt;p&gt;HTML has been designed to be human as well as machine readable.&lt;/p&gt;

&lt;h3&gt;
  
  
  🌈 Flexibility
&lt;/h3&gt;

&lt;p&gt;Most web developers know HTML and can adapt it to their needs.&lt;/p&gt;

&lt;p&gt;Here's a snippet:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;data-tc=&lt;/span&gt;&lt;span class="s"&gt;"00:00:52"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"52890"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"0"&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"speaker"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Alexandra: &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"52890"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"90"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;I &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"52980"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"240"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;think &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"53220"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"720"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;unfortunately &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"53970"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"60"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;at &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"54030"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"60"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;the &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"54090"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"270"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;minute &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Hopefully this is relatively human friendly. We see the start of a paragraph containing a series of spans containing words. These spans have a start time (&lt;code&gt;data-m&lt;/code&gt;) – in milliseconds – and duration (&lt;code&gt;data-d&lt;/code&gt;) associated with them. (The paragraph's &lt;code&gt;data-tc&lt;/code&gt; is optional.)&lt;/p&gt;

&lt;p&gt;You can pretty much style these transcripts how you like - &lt;a href="https://hyperaud.io/lab/halite/v27/"&gt;here's an example&lt;/a&gt;. If you view the source it should be pretty readable, and you might spot something interesting. &lt;a href="https://paymentpointers.org/"&gt;Payment pointers&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Time for another snippet:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;article&lt;/span&gt; &lt;span class="na"&gt;data-wm=&lt;/span&gt;&lt;span class="s"&gt;"$ilp.uphold.com/123article"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;section&lt;/span&gt; &lt;span class="na"&gt;data-wm=&lt;/span&gt;&lt;span class="s"&gt;"$ilp.uphold.com/123section"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;h5&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"0"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;How do we make people more aware of their personal data?&lt;span class="nt"&gt;&amp;lt;/h5&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;p&lt;/span&gt; &lt;span class="na"&gt;data-tc=&lt;/span&gt;&lt;span class="s"&gt;"00:00:04"&lt;/span&gt; &lt;span class="na"&gt;data-wm=&lt;/span&gt;&lt;span class="s"&gt;"$ilp.uphold.com/123Doc"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"4470"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"0"&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"speaker"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Doc: &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"4470"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"270"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;We &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"4740"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"240"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;have &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"5010"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"300"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;two &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;span&lt;/span&gt; &lt;span class="na"&gt;data-m=&lt;/span&gt;&lt;span class="s"&gt;"5310"&lt;/span&gt; &lt;span class="na"&gt;data-d=&lt;/span&gt;&lt;span class="s"&gt;"600"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;selves &lt;span class="nt"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We decided to make payment pointers "portable" by making them part of the transcript itself. In the &lt;a href="https://github.com/hyperaudio/wordpress-hyperaudio"&gt;Hyperaudio Wordpress plugin&lt;/a&gt; (which relies upon &lt;a href="https://github.com/hyperaudio/hyperaudio-lite"&gt;Hyperaudio Lite&lt;/a&gt;) all that's required to make use of those payment pointers is to turn on Web Monetization in the plugin (or Hyperaudio Lite library) and include those pointers somewhere in your transcript, like the example above.&lt;/p&gt;

&lt;p&gt;When playing back the media, Hyperaudio Lite checks the parent element of the current word and then the grandparent – and so on – until it finds a payment pointer. Once located that pointer is made active – thereby streaming payments to the owner of the pointer. In our example this means we could set a payment pointer for each &lt;code&gt;&amp;lt;p&amp;gt;&lt;/code&gt; to divide payments amongst speakers. In the case that we don't have a pointer for a specific speaker (like Alexandra in the first code snippet) it will default to the next pointer it finds "above" it in the HTML.&lt;/p&gt;

&lt;p&gt;Note – we can use a &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; element to represent component parts of a remix, so conceivably you may have some with payment pointers and others without (at which point it would default to &lt;code&gt;&amp;lt;article&amp;gt;&lt;/code&gt;). &lt;/p&gt;

&lt;p&gt;In the &lt;a href="https://community.webmonetization.org/maboa/hyperaudio-for-conferences-and-gftw-k3"&gt;Hyperaudio for Conferences project&lt;/a&gt; we want allow the option to proportionally stream payments to individual speakers, including the case when conference material contains multiple speakers.&lt;/p&gt;

&lt;p&gt;I'll finish with some videos to illustrate the concept further...&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/f0nCDVwOoHU"&gt;Web Monetization in Hyperaudio Lite&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=8kRNh8iBkVk"&gt;Web Monetization in Hyperaudio Wordpress Plugin&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Feedback is always welcome!&lt;/p&gt;

</description>
      <category>webmonetization</category>
      <category>wordpress</category>
      <category>hyperaudio</category>
      <category>media</category>
    </item>
    <item>
      <title>Hyperaudio for Conferences and GftW</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Tue, 20 Jul 2021 09:40:26 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-and-gftw-k3</link>
      <guid>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-and-gftw-k3</guid>
      <description>&lt;p&gt;As we open a new chapter with Hyperaudio thanks to GftW funding, I wrote a short blogpost on what we learned from the pilot with MozFest, why we're focusing on conferences, the fun we had with translation and a brief intro to our team.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://maboa.it/hyperaudio-for-conferences-and-grant-for-the-web/"&gt;https://maboa.it/hyperaudio-for-conferences-and-grant-for-the-web/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>hyperaudio</category>
      <category>conferences</category>
      <category>transcription</category>
      <category>accessibility</category>
    </item>
    <item>
      <title>Hyperaudio for Conferences Pilot with MozFest - update</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Tue, 30 Mar 2021 09:47:16 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-pilot-with-mozfest-update-37hb</link>
      <guid>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-pilot-with-mozfest-update-37hb</guid>
      <description>&lt;p&gt;For those interested &lt;a href="https://maboa.it/mozfest-with-hyperaudio/"&gt;I wrote a blog post on where we are with our pilot with MozFest&lt;/a&gt;. We're still waiting on a lot of content to be transcribed – to be published soon at &lt;a href="https://mozfest.hyper.audio"&gt;mozfest.hyper.audio&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>accessibility</category>
      <category>community</category>
      <category>mozfest</category>
    </item>
    <item>
      <title>Hyperaudio for Conferences Pilot</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Mon, 15 Feb 2021 16:21:14 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-pilot-2020</link>
      <guid>https://community.interledger.org/hyperaudio/hyperaudio-for-conferences-pilot-2020</guid>
      <description>&lt;p&gt;As we work towards getting our MVP of &lt;a href="https://hyper.audio"&gt;Hyperaudio for Conferences&lt;/a&gt; ready for the Mozilla Festival in March I just wanted to share a few early results with the group.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://lab.hyperaud.io/mozfest2021/interviews/lance_weiler/"&gt;This short interview&lt;/a&gt; is a taster for a session which will be part of the Creative AI Space and uses the &lt;a href="https://github.com/hyperaudio/hyperaudio-lite"&gt;Hyperaudio Lite JavaScript Library&lt;/a&gt; which we're currently working on.&lt;/p&gt;

&lt;p&gt;This is an example of Hyperaudio tech being applied to &lt;a href="https://screen.is/videos/five-case-studies-using-civicrm-to-support-communities-during-covid-19"&gt;actual conference material&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Both examples include payment pointers. As we build the Hyperaudio for Conferences platform out we want to experiment with the apportioning of payments to all involved with creating a piece of transcribed media, whether it's the original content creators, the remixers or even the sharers. &lt;a href="https://community.webmonetization.org/maboa/an-idea-around-monetising-distributed-content-6gf"&gt;I wrote more about this in another post&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>community</category>
      <category>accessibility</category>
    </item>
    <item>
      <title>An idea around monetising “distributed” content</title>
      <dc:creator>Mark Boas</dc:creator>
      <pubDate>Fri, 22 Jan 2021 12:30:24 +0000</pubDate>
      <link>https://community.interledger.org/hyperaudio/an-idea-around-monetising-distributed-content-6gf</link>
      <guid>https://community.interledger.org/hyperaudio/an-idea-around-monetising-distributed-content-6gf</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;(I originally posted this idea on the Grant For The Web forum and it was suggested I also post here...)&lt;/p&gt;

&lt;p&gt;I'm busy re-applying for the grant, this time with a tighter focus – &lt;a href="https://hyper.audio"&gt;hyper.audio&lt;/a&gt; for Conferences.&lt;/p&gt;

&lt;p&gt;Hyperaudio for Conferences will provide a workflow to create Interactive Transcripts for recorded conference materials – this is great for accessibility and internationalisation as transcripts can be corrected, translated, searched, shared, remixed, converted to captions and exported for inclusion in websites (using the &lt;a href="https://github.com/hyperaudio/hyperaudio-lite"&gt;Hyperaudio Lite library&lt;/a&gt;) or Wordpress (&lt;a href="https://github.com/hyperaudio/wordpress-hyperaudio"&gt;using our plugin&lt;/a&gt;). We'll also allow clips and remixes to be exported! All while respecting licensing that the conference organiser / talk author has selected.&lt;/p&gt;

&lt;p&gt;The idea is that in exchange for allowing people to add &lt;a href="https://hyperaud.io/lab/halite/v20/"&gt;Interactive Transcripts&lt;/a&gt; of conference content to their sites, we programmatically add a payment pointer to the head of the page the transcript is "embedded" in. Thereby creating a distributed way to collect payment for authors and organisers.&lt;/p&gt;

&lt;p&gt;We'd do this by including the payment pointer code(s) in the export – the Wordpress plugin or Hyperaudio Lite library taking care of the insertion of the code into the head of the page.&lt;/p&gt;

&lt;p&gt;It strikes me that this model may have already been considered somewhere on this forum (although I've yet to locate it), but I thought I'd put it out there just in case, as it might be relevant to other forms of content and so something that others could use or ponder on.&lt;/p&gt;

&lt;p&gt;I'm especially curious to know if people have ideas about this and/or can think of any possible downsides or blockers :) &lt;/p&gt;

&lt;p&gt;Best&lt;/p&gt;

&lt;p&gt;Mark&lt;/p&gt;

</description>
      <category>publishing</category>
      <category>media</category>
      <category>research</category>
      <category>interledger</category>
    </item>
  </channel>
</rss>
