Skip to content

Commit

Permalink
Merge pull request #125 from hyperaudio/76-prep-for-wp-dir-submission
Browse files Browse the repository at this point in the history
76 prep for wp dir submission
  • Loading branch information
maboa authored Oct 12, 2023
2 parents 7843bd7 + 8a68cd8 commit ecb35fd
Show file tree
Hide file tree
Showing 15 changed files with 135 additions and 3 deletions.
Binary file added wp-hyperaudio/assets/native_audio.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/native_video.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/selecting_shortcode.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/sharing_excerpt.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/shortcode_usage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/soundcloud_player.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/transcript_converter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added wp-hyperaudio/assets/upload_media.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion wp-hyperaudio/hyperaudio-admin.php
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,8 @@ function hyperaudio_load_admin_script($hook)
function hyperaudio_options_page()
{// Output the options page
?>
<h1 style="line-height:1.3">Official Wordpress Plugin - How To Use (<a href="#converter">Jump straight to the Transcript Maker</a>)</h1>
<h1 style="line-height:1.3">Official Wordpress Hyperaudio Plugin (v1.0) - How To</h1>
<h2> (<a href="#converter">Jump straight to the Transcript Maker</a>)</h2>

<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<style type="text/css">
Expand Down
4 changes: 2 additions & 2 deletions wp-hyperaudio/hyperaudio.php
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@
/**
* Plugin Name: Official Hyperaudio Plugin
* Plugin URI: https://hyper.audio
* Description: Hyperaudio Interactive Transcript Player
* Description: Hyperaudio Interactive Transcript Player – maximise your audio and video content's accessibility to humans and search engines.
* Version: 1.0.13
* Author: Mark Boas
* Author URI: http://hyper.audio
* Author URI: https://maboa.it
**/

$globalid = 0;
Expand Down
131 changes: 131 additions & 0 deletions wp-hyperaudio/readme.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
=== Hyperaudio ===
Contributors: Maboa
Donate link: https://patreon.com/hyperaudio
Tags: Podcasts, Captions, Transcripts, Interactive Transcripts, Accessibility, Media, Audio, Video, Subtitles
Requires at least: 3.1
Tested up to: 6.3
Stable tag: 1.0
Requires PHP: 7.0
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Associate interactive transcripts with your audiovisual content and make your media more accessible to people and search engines.

== Description ==

The Hyperaudio Wordpress Plugin allows you to import and convert data from a number of popular speech-to-text providers and tools.

The result is an interactive transcript where words "light up" as they are spoken.

Clicking on words in a transcript takes you directly to equivalent part of your media, while selecting a passage of text creates a handy link back to the highlighted part – great for sharing!

Currently the transcript generator (provided in the settings) can convert from the following speech-to-text outputs:

* [OpenEditor](https://github.com/OpenEditor/openeditor/) JSON
* [Speechmatics](https://speechmatics.com) JSON
* [Google Speech-to-text](https://cloud.google.com/speech-to-text/) JSON
* [Gentle](http://lowerquality.com/gentle/) JSON
* [.srt formatted](https://en.wikipedia.org/wiki/SubRip) captions

Two views of the resultant transcript are provided...

= Hypertranscript View =

A Hypertranscript is an [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) representation of a media file's spoken audio. This format is ready to be pasted between the Hyperaudio shortcode. Note that since Hypertranscripts create timings and HTML is a format that is both human and machine readable, timings and words can be tweaked by editing this HTML.

= Rendered View =

The rendered view is how the text itself will look once viewed as an Interactive Transcript. Words can be edited from the rendered view but timings of words may not be maintained if you (say) replace two words with one, or paste content into the text.

Once you are happy with your text you need to locate your source media and you're ready to create an Interactive Transcript within your post using the `[hyperaudio]` shortcode.

Something like this :

``[hyperaudio src="link-to-media.mp4"]

``<article>
`` <section>
`` <p>
`` <span data-m="1390" data-d="200">This </span>
`` <span data-m="2510" data-d="700">Wordpress </span>
`` <span data-m="3220" data-d="550">plugin </span>
`` <span data-m="3820" data-d="200">is </span>
`` <span data-m="4340" data-d="320">great! </span>
`` </p>
`` </section>
``</article>

``[/hyperaudio]

You can specify a number of parameters including player type. So far we support the following players:

* YouTube
* SoundCloud
* Vimeo
* Videojs

As well as native mp4 and mp3 files.

= Captions =

The plugin also creates captions for your videos. Useful when viewing content in fullscreen.

= Accessibility =

All in all the Hyperaudio Wordpress plugin makes audiovisual media more accessible.

Accessible to those with hearing difficulties or people consuming content which is not necessarily in their first language.

Accessible to those choosing to view content with the audio off. Accessible to search engines so that content can be indexed and more easily discovered.

= Flexibility =

You are not limited to creating Interactive Transcripts. You can format the HTML any way you want. Hyperaudio can be used to create "chapter points". Some have even used it to define songs and artists within a musical mix.

= Explainer Videos =

* [How to use the Hyperaudio Wordpress Plugin – Part 1](https://youtu.be/3Qpq8kj4PxM)

* [How to use the Hyperaudio Wordpress Plugin – Part 2](https://youtu.be/vIXHCYYSFM0)

* [How to use the Hyperaudio Wordpress Plugin – Part 3](https://youtu.be/ly08N9S1ZlE)

* [Web Monetization in the Hyperaudio Wordpress Plugin](https://youtu.be/8kRNh8iBkVk)

== Screenshots ==

native_audio.png
native_video.png
selecting_shortcode.png
sharing_excerpt.png
shortcode_usage.png
soundcloud_player.png
transcript_converter.png
transcript_converter_howto.png
transcript_converter_howto_customize.png
transcript_converter_interface.png
transcript_converter_markup.png
upload_media.png


== Frequently Asked Questions ==

= How do I make my own Interactive Transcript? =

Probably the easiest way is to use the [Hyperaudio Lite Editor](https://hyperaudio.github.io/hyperaudio-lite-editor/).

Alternatively you can use the [OpenEditor](https://github.com/OpenEditor/openeditor/) (transcript editor) which you can find on GitHub.

Or you can use Google Speech-to-Text Service, Speechmatics or Gentle's aligner (especially if you already have the transcript and just want to add timings).

You can also convert captions or subtitles in `.srt` format to timed transcripts, although exact word timing cannot be ensured in that case.

= Can I change the transcript from within the plugin? =

Yes. The transcript is editable. Changing one word will generally maintain that word's timing, replacing more than one word may result in more than one word with the same timing.

Note – as transcripts are represented as HTML, you can edit the HTML directly should you need to refine text or styling.

= I'd like to contribute. Where is the repository? =

This plugin is open source and we're always looking for help. You can find the code and discussion at [github.com/hyperaudio/wordpress-hyperaudio](https://github.com/hyperaudio/wordpress-hyperaudio/).

0 comments on commit ecb35fd

Please sign in to comment.