Audio playback errors until first user interaction

quinnouyang commented 9 months ago

See https://goo.gl/xX8pDD
Easiest (and probably intended) solution is to require user to click something/somewhere (reasonable) to start
Autoplay on mute is okay (we should include a volume control and toggle in general)

Thoughts?

SallyXue-0114 commented 9 months ago

I agree with this solution: require user to click something/somewhere (reasonable) to start. If we're dealing with multiple functions in the future, we can create individual buttons (or navbars?) for each.

Another thought is: perhaps we could consider enabling each audio playback through a click action rather than hovering? Not sure how hard is it to implement clicking though, and 'click' might conflict with other functions (e.g: zoomable).

staylor7 commented 9 months ago

Yes, several years ago the Web Audio API changed so a user has to click something - anything - to start audio. This is so a user doesn’t get blasted when they navigate to a webpage.

In other projects I’ve made it so you can click anywhere on the page. Thanks for catching this!

On Dec 3, 2023, at 7:23 PM, SallyXue-0114 @.***> wrote:

I agree with this solution: require user to click something/somewhere (reasonable) to start. If we're dealing with multiple functions in the future, we can create individual buttons (or navbars?) for each.

Another thought is: perhaps we could consider enabling each audio playback through a click action rather than hovering? Not sure how hard is it to implement clicking though, and 'click' might conflict with other functions (e.g: zoomable).

— Reply to this email directly, view it on GitHub https://github.com/staylor7/rare-diseases/issues/8#issuecomment-1837694047, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHPFIKMDCHX7JXEF3MGLGHLYHUQXRAVCNFSM6AAAAABAFGC7N2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMZXGY4TIMBUG4. You are receiving this because you were assigned.

quinnouyang commented 9 months ago

I do like being able to hover wherever I want and getting a bunch of playback (until it starts clipping...that's a separate issue) and clicking will be difficult on the small arc sizes we have at the moment. Maybe sundial will be more click friendly?

Alternatively, we can try a "Click here to start" entry-point to click (some immersive audio-visual sites do this very well) if we have a creative way to execute that.

quinnouyang commented 6 months ago

Closing since playback is now via click vs. hover.

Would we like this to always be the case? Can be first click, then always hover (or only enable hover for diseases, though that's inconsistent UI). @staylor7 @SallyXue-0114

staylor7 commented 6 months ago

Thanks you two! Would it be worth it to set up a zoom later today? I could also meet in person if that’s better.

I think Web Audio doesn’t start without a mouse click somewhere - that’s because having sound right as the page loads could be really distracting.

My colleague Aditi has finished all the tooltip short descriptions for all the diseases, as well as adding an extra field with a hyperlink for more info. Should I update the spreadsheet on GitHub to include these?

Thanks!

Steve

Stephen Taylor Professor of Composition-Theory School of Music, University of Illinois at Urbana-Champaign co-director, Illinois Modern Ensemble www.stephenandrewtaylor.net 217 333-3712 office

On Mar 12, 2024, at 9:48 AM, Quinn Ouyang @.***> wrote:

Closing since playback is now via click vs. hover.

Would we like this to always be the case? Can be first click, then always hover (or only enable hover for diseases, though that's inconsistent UI). @staylor7 https://github.com/staylor7 @SallyXue-0114 https://github.com/SallyXue-0114 — Reply to this email directly, view it on GitHub https://github.com/staylor7/rare-diseases/issues/8#issuecomment-1991826967, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHPFIKPI6AOL6MFZISYFSW3YX4ITTAVCNFSM6AAAAABAFGC7N2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOJRHAZDMOJWG4. You are receiving this because you were mentioned.

quinnouyang commented 6 months ago

@staylor7 I'm free to call for a bit in the late afternoon, say around 5 PM. Let's keep to clicks-only then.

Sure, update the CSV!

staylor7 commented 6 months ago

5 pm works for me, thanks!

On Mar 12, 2024, at 10:57 AM, Quinn Ouyang @.***> wrote:

@staylor7 https://github.com/staylor7 I'm free to call for a bit in the late afternoon, say around 5 PM. Let's keep to clicks-only then.

Sure, update the CSV!

— Reply to this email directly, view it on GitHub https://github.com/staylor7/rare-diseases/issues/8#issuecomment-1991997376, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHPFIKME3ICGZNWB74HV4J3YX4QWLAVCNFSM6AAAAABAFGC7N2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOJRHE4TOMZXGY. You are receiving this because you were mentioned.

SallyXue-0114 commented 6 months ago

5pm works for me as well!

sally

获取 Outlook for iOShttps://aka.ms/o0ukef

发件人: Stephen Taylor @.> 发送时间: Tuesday, March 12, 2024 12:16:05 PM 收件人: staylor7/rare-diseases @.> 抄送: Xue, Sally @.>; Mention @.> 主题: Re: [staylor7/rare-diseases] Audio playback errors until first user interaction (Issue #8)

5 pm works for me, thanks!

On Mar 12, 2024, at 10:57 AM, Quinn Ouyang @.***> wrote:

@staylor7 https://github.com/staylor7 https://urldefense.com/v3/__https://github.com/staylor7*3E__;JQ!!DZ3fjg!_ZVYsLZjL69EmKvyqSgdizXJF_Wl_H1XoyJkehEwUqmsQXnIxkMww_0KhKFsft-2ALF6lghCrQ_COKYtUDEpHWGoZdvc$ I'm free to call for a bit in the late afternoon, say around 5 PM. Let's keep to clicks-only then.

Sure, update the CSV!

— Reply to this email directly, view it on GitHub https://github.com/staylor7/rare-diseases/issues/8#issuecomment-1991997376 https://urldefense.com/v3/__https://github.com/staylor7/rare-diseases/issues/8*issuecomment-1991997376*3E__;IyU!!DZ3fjg!_ZVYsLZjL69EmKvyqSgdizXJF_Wl_H1XoyJkehEwUqmsQXnIxkMww_0KhKFsft-2ALF6lghCrQ_COKYtUDEpHW-Y1tgy$, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHPFIKME3ICGZNWB74HV4J3YX4QWLAVCNFSM6AAAAABAFGC7N2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOJRHE4TOMZXGY https://urldefense.com/v3/__https://github.com/notifications/unsubscribe-auth/AHPFIKME3ICGZNWB74HV4J3YX4QWLAVCNFSM6AAAAABAFGC7N2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOJRHE4TOMZXGY*3E__;JQ!!DZ3fjg!_ZVYsLZjL69EmKvyqSgdizXJF_Wl_H1XoyJkehEwUqmsQXnIxkMww_0KhKFsft-2ALF6lghCrQ_COKYtUDEpHZp1fSIE$. You are receiving this because you were mentioned.

— Reply to this email directly, view it on GitHubhttps://urldefense.com/v3/__https://github.com/staylor7/rare-diseases/issues/8*issuecomment-1992165702__;Iw!!DZ3fjg!_ZVYsLZjL69EmKvyqSgdizXJF_Wl_H1XoyJkehEwUqmsQXnIxkMww_0KhKFsft-2ALF6lghCrQ_COKYtUDEpHRpCTUg_$, or unsubscribehttps://urldefense.com/v3/__https://github.com/notifications/unsubscribe-auth/AWFHGP4HSA3TN6SOYTUK4ETYX4Z5LAVCNFSM6AAAAABAFGC7N2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOJSGE3DKNZQGI__;!!DZ3fjg!_ZVYsLZjL69EmKvyqSgdizXJF_Wl_H1XoyJkehEwUqmsQXnIxkMww_0KhKFsft-2ALF6lghCrQ_COKYtUDEpHdmT5poj$. You are receiving this because you were mentioned.Message ID: @.***>

staylor7 / rare-diseases

Audio playback errors until first user interaction #8