0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

SpeackerDeckをリモートコントロールできないか実験

Last updated at Posted at 2022-07-20

SpeackerDeckに上げたスライドを外部から制御できないかなと思い、ブリッジさせる制御を書けないか試してみました。

https://speakerdeck.com/n0bisuke2/puroziekutohe-tun-dewebfalsewei-lai-wogan-zitemiyou-number-jsfes-number-projectfugu

CodePen上に埋め込みして試しています。

スクリーンショット 2022-07-20 18.00.35.png

試した際にはCopy javascript embed codeの方を選択しています。

メニューを出す

js-sd-playerというclassの箇所がスライド下部のホバーすると出てくる

document.querySelector('.js-sd-player').classList.add('show-controls')

ページ移動

メニューを出した状態(show-controlsクラスがついている状態)でアイコンをクリックさせます。js-sd-player-nextjs-sd-player-previousのclassが付いてました。

次のページ

document.querySelector(`div.js-sd-player-next`).click()

一つ戻る

document.querySelector(`div.js-sd-player-previous`).click()

所感

無事に動いたといえば動きました。

メニューを出した状態じゃないとうまく動かないのが今回ちょっとハマったところです。

本家のHTMLの構成が変われば使えなくなるのでちょっと試してみたくらいなやつですね。

そもそもSpeakerDeckのJS SDKみたいなものがあるといいんですけどないですかね......

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?