JS50행으로 쓸 수 있는 SlideShare 리모컨
컨트롤러 앱 화면
움직이는 대상이 되는 슬라이드계 서비스
전략
앱에서 페이지 넘길 수 있는 OSS 을 만들었다
전용 가젯 는 최소 3000엔 하고 잃기에서 만든
머리 좋게 TED 스타일 프리젠 테이션을하는 방법 에서 도야 얼굴 할 때 편리
소재
사양
클라이언트 앱 (컨트롤러)
...
사이트를 조작하는 에이전트
만드는 법
앱 측
(32행)
html
<div id="r" class="pull-right">▶︎</div>
<div id="l" class="pull-left">◀︎</div>
<script>
var milkcocoa = new MilkCocoa("https://io-ai02l9tke.mlkcca.com");
$("#r").click(function(e){
milkcocoa.dataStore("rightButtonServer").send({});
});
$("#l").click(function(e){
milkcocoa.dataStore("leftButtonServer").send({});
});
</script>
얼마입니까?
에이전트 측
slidemilk.js
var webdriver = require('selenium-webdriver'),
argv = require('argv'),
MilkCocoa = require('./milkcocoa-node'),
By = webdriver.By,
milkcocoa = new MilkCocoa("https://io-ai02l9tke.mlkcca.com"),
chromeDriver = new webdriver.Builder().usingServer('http://localhost:4444/wd/hub')
.withCapabilities( webdriver.Capabilities.chrome() )
.build();
chromeDriver.get(argv.run().targets[0]);
milkcocoa.dataStore("rightButtonServer").on("send", function(e){
( new webdriver.ActionSequence(chromeDriver) ).sendKeys(webdriver.Key.RIGHT).perform();
});
milkcocoa.dataStore("leftButtonServer").on("send", function(e){
( new webdriver.ActionSequence(chromeDriver) ).sendKeys(webdriver.Key.LEFT).perform();
});
slidemilk.js
(18행)
※slidebean, reveal.js 베이스 슬라이드, google slide도 전부 이것으로 조작 가능
감상
shogochiai/slidemilk
Reference
이 문제에 관하여(JS50행으로 쓸 수 있는 SlideShare 리모컨), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sgtn/items/b32fd6ea528fe7fe5704텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)