Enable Speaker View on Touch Devices

[Enkerli]

On touch devices (tried both Android and iOS, using Safari, Chrome, and Dolphin), activating speaker notes (by adding “?notes” to the URL) produces the following message:
Unable to access window.opener.location. Make sure the presentation is running on a web server.

The same thing works on OS X Safari (which also allows for key presses; tried using an external keyboard with an iPad and reveal.js doesn’t respond to key presses in that situation).

It’s very useful to drive a presentation from a touch device, instead of using a remote. It’d be even better to have full access to the presenter view. On larger devices, the screen real estate is enough for this to make sense.

There might be a workaround with user agents or something, but it’d be nice to have everything working right out of the box.

Thanks!

[giorgiofanecco]

Same issue here. Have you found a solution?

[fghaas]

I've run into a similar issue. I'd like to be able to control a presentation in multiplex mode, with the speaker notes on a phone or tablet. I haven't found a way to get enable a keyboard in Chrome on Android unless there is actually an input field, so I'm unable to hit s for speaker notes.

Maybe an alternate gesture would work for touch devices? reveal already supports pinch-zoom as an alternate to Esc for overview mode; maybe double-tap would work as an alternate to s for speaker notes?

[Enkerli]

Works now, at least on iPad. And it’s quite neat to be able to have a full Speaker view while walking around the room. As silly as it may sound to others, pretty much a dream come true. And I’ve been demoing it in diverse places.

The workaround I had before was to switch to desktop view (in Safari, this feature is new in iOS 8). Haven’t power on my Nexus 7 in a while but I’m guessing there’s at least one browser which allows for desktop mode.

[fghaas]

@Enkerli So can you explain how exactly you're enabling this, i.e. how you switch your touch device to speaker notes?

[Enkerli]

I just tap the same “Open speaker view” as in the desktop version (or go to <slides.com/{user}/{deckname}/speaker>). Works on iPad. As it doesn’t work on iPhone, I tap in the URL bar and select “See desktop version“ in Safari Mobile. Pretty sure I found a similar workaround on Windows Phone.

[fghaas]

Well that seems to apply to slides.com, but what do you do if you host your slides on your own server?

[ramaseshan]

I still find this issue existing.
I am able to do multiplexing in mobile, the only thing that dosent work is the speaker notes.

[Enkerli]

As @fghaas says, my closing this issue was an error and as @ramaseshan says, it still seems to be an issue. Sorry about that.

[eddiejaoude]

Would be great to have speaker notes on mobile devices when hosting on GitHub pages

[Cutuchiqueno]

definitely agree +1

[vickychijwani]

I've found a rather ugly workaround for this on Android. Basically we need a way to bring up the soft keyboard in the browser, without having an input field, right? Here's how:

1. Install the Hacker's Keyboard app from the Play Store, as suggested here.
2. Once it's set up and working on an input field, go to Settings > Languages and Input > Virtual keyboard > Hacker's Keyboard > Enable the option "Use permanent notification" (NOTE: the exact location in settings might vary by device).
3. Open your slides in the browser, then swipe down and tap the Hacker's Keyboard notification to bring up the keyboard. Now you can finally tap that s key.

Now I didn't say it would be pretty, but hey, it works! 🙂

[egrosclaude]

Perhaps having a catch-all, touchable/clickable toolbox icon in some fixed place, plus a protocol for plugins to register their own icon into the toolbox, would be a general and hackable solution. This could be something like a toolbox drawer. It could even help us get rid of different plugins collisioning on their summoning keys.

Don't know how many users use it, but the menu plugin could provide a direct way to have such a dispatcher. A second icon to the right, with blackboard/pencil etc collapsing into it would do it as well.

[rugk]

This issue is a big deal. I also cannot enable fullscreen mode on mobile devices as I cannot press F.

The proposed workaround is not nice. Another workaround would be to use a hardware (Bluetooth) keyboard.

As for an idea for implementation: long pressing on an empty part could bring up a menu, where you can select all these things like "fullscreen" and "speakers view".

[rugk]

Note: Adding ?notes to the URL does (also) work, however. Popup-blocked (as always, #2027), but it works…

[lechten]

You could add a button to your title slide to open the speaker view (on Firefox the popup does not get blocked then): <button title="Click to open speaker notes view" onclick="RevealNotes.open()">Text or image</button>
For fullscreen, use another button with this onclick code: Reveal.triggerKey(70)

[G1305]

how to fix responsive dimensions for mobile devices?

[jharst]

I had some trouble solving this issue for me on my iPad while hosting slides on github Pages written with Obsidian Advanced Slides. Somehow neither the addition of ?notes to the url nor the button with onclick="RevealNotes.open()" worked for me (console: RevealNotes.open is not a function). The final solution, if anyone is interested, was a button with onclick="Reveal.triggerKey(83)", simulating keystroke s.

[lechten]

Since my above comment, reveal.js changed its plugin interface. Try this: Reveal.getPlugins().notes.open();

[jharst]

Thank you, I didn’t know this – this is certainly the preferable solution!

…

On 18. Jan 2025, at 11:32, Jens Lechtenbörger ***@***.***> wrote: Since my above comment, reveal.js changed its plugin interface. Try this: Reveal.getPlugins().notes.open(); — Reply to this email directly, view it on GitHub <#964 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A5ENIAZGMOG3TJPTF3EWJBT2LIUTTAVCNFSM6AAAAABVMRTLAKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKOJZGY3DEMRVHE>. You are receiving this because you commented.