Related to Spoken Word but actually your HTML5 Audio Read-Along Project

  • Resolved idonotliveiniowa

    (@idonotliveiniowa)


    2 years, 7 months ago

    Hello Weston,

    I really love your HTML5 Audio Read-Along project! I had a question about it though- would there be a way to have the text be selectable / for it to be able to be selected and then be copied, for example? It is only letting me select it and press copy when I pause the audio. I am on mobile, and I don’t have access to my computer right now, so I’m not sure if it’s just a mobile issue or one on all (or multiple) devices.

    Would you be open to please adding that feature in exchange for a donation/payment from me? If so, we could work out the details beforehand, and I would pay in advance.

    Also, do you know if that project is screen reader accessible? Also, would adding a text enlargement option, a color contrast toggle, and other accessibility features be a possibility?

    Thank you so much!!

    (By the way, the reason that I am posting about that here as opposed to in another location is because you were kind enough to notify me in a thread months back when I asked if Spoken Word allowed for some features present in your HTML5 Audio Read-Along project.)

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter idonotliveiniowa

    (@idonotliveiniowa)

    (continued)
    Also, I wasn’t able to find a different equally-fitting or better-fitting place to ask this.

    Plugin Author Weston Ruter

    (@westonruter)

    Hello. I’m glad you like the project. The reason that you can only select the text when the audio is paused is that it used the selection API to do the highlighting. This doesn’t work properly on mobile, unfortunately, if you’re referring to the feature in Spoken Word. The issue for this is captured in https://github.com/westonruter/spoken-word/issues/7

    What is needed is a CSS Custom Highlight API: https://css-tricks.com/css-custom-highlight-api-early-loo/

    See this paragraph which highlights the problem of using the Selection API:

    One major drawback, however, is that creating a selection resets whatever the user has already manually selected. Try selecting text in the demo above to test this. You’ll see how it goes away as soon as the code moves the selection somewhere else.

    The CSS Custom Highlight API is still the early stages of being implemented, so it’s not available for use yet.

    All this being said, I’m not maintaining this project any longer so I don’t have further answers for you. I wish you the best.

    Thread Starter idonotliveiniowa

    (@idonotliveiniowa)

    Hello,

    Thank you so much for your kind reply. It was very helpful and clarifies the questions I had.

    Even though you are no longer maintaining your HTML5 Audio Read-Along project, I look forward to seeing the CSS Custom Highlight API in use once it is fully implemented in the future.

    Thank you for your incredible contributions, such as Spoken Word, which I will check out more.

    Have a great day.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Related to Spoken Word but actually your HTML5 Audio Read-Along Project’ is closed to new replies.