hakimel / reveal.js

The HTML Presentation Framework
https://revealjs.com
MIT License
67.48k stars 16.61k forks source link

Enable Speaker View on Touch Devices #964

Open Enkerli opened 10 years ago

Enkerli commented 10 years ago

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 commented 10 years ago

Same issue here. Have you found a solution?

fghaas commented 9 years ago

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 commented 9 years ago

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 commented 9 years ago

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

Enkerli commented 9 years ago

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 commented 9 years ago

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

ramaseshan commented 8 years ago

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 commented 8 years ago

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 commented 7 years ago

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

Cutuchiqueno commented 7 years ago

definitely agree +1

vickychijwani commented 7 years ago

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 commented 7 years ago

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 commented 6 years ago

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 commented 6 years ago

Note: Adding ?notes to the URL does (also) work, however. Popup-blocked (as always, https://github.com/hakimel/reveal.js/issues/2027), but it works…

lechten commented 6 years ago

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 commented 6 years ago

image how to fix responsive dimensions for mobile devices?