SpeackerDeckに上げたスライドを外部から制御できないかなと思い、ブリッジさせる制御を書けないか試してみました。
CodePen上に埋め込みして試しています。
試した際にはCopy javascript embed code
の方を選択しています。
メニューを出す
js-sd-player
というclassの箇所がスライド下部のホバーすると出てくる
document.querySelector('.js-sd-player').classList.add('show-controls')
ページ移動
メニューを出した状態(show-controlsクラスがついている状態)でアイコンをクリックさせます。js-sd-player-next
とjs-sd-player-previous
のclassが付いてました。
次のページ
document.querySelector(`div.js-sd-player-next`).click()
一つ戻る
document.querySelector(`div.js-sd-player-previous`).click()
所感
無事に動いたといえば動きました。
メニューを出した状態じゃないとうまく動かないのが今回ちょっとハマったところです。
本家のHTMLの構成が変われば使えなくなるのでちょっと試してみたくらいなやつですね。
そもそもSpeakerDeckのJS SDKみたいなものがあるといいんですけどないですかね......