카메라 이미지를 라이브로 태블릿에 표시하는 샘플(실용성 낮음)

처음 기사를 씁니다.

Pepper Mokumoku 모임 (htps : // 페페 r. 어서 r. jp / 에ぇぇ ts / 26221)의 결과. 공개한다고 전했으므로 여기에 공개하려고 합니다.

제목대로 카메라 이미지를 라이브로 태블릿에 표시하는 샘플이라는 샘플을 만들어 보았습니다. 카메라의 라이브 화상은 ALVideoDevice.getImageRemote() 로 취해 이것이므로, 이것을 태블릿에 표시하면 좋겠다고 생각했습니다만, 가져온 원시 데이터를 HTML 페이지에 표시시키는 효율적인 방법을 찾을 수 없고, 성능에 어려움이 있습니다.

그렇다고 해서 실용이라는 의미로는? 그렇지만, 이런 느낌으로 ALVideoDevice.getImageRemote() 사용할 수 있는군요라고 하는 하나의 샘플이라고 생각해 주시면 다행입니다.

샘플에서는, 카메라 이미지의 취득의 요구, 처리를 모두 HTML 페이지내의 JavaScript 로 실시하고 있습니다. 페퍼 본체에 이미지 요청, 취득에 QiMessaging API를 사용하고 있습니다.
QiMessaging API 를 사용해 ALVideoDevice.getImageRemote() 를 호출하면(자), R,G,B 의 배열의 바이트 배열이 Base64 로 encode 되어 JavaScript 측에 건네집니다. 여기까지는 뭐 좋은 느낌입니다만, Base64 로 encode 된 원시 화상 데이터를 어떻게 태블릿에 표시시키면 좋은 것인가, , , 이마이치 몰랐습니다.
로 취한 방법은 base64 를 디코드해, 1 픽셀씩 ImageData 객체에 세트. 일단 움직이고 있는 것 같습니다만, 느린,,. 0.5 FPS 라고 할까요,,,,

images.src = "data:image/bmp;base64," + base64でデコードされた画像データ

처럼 할 수 있으면 좋겠습니다만,, raw 화상에 대응한 MIME 타입이 있는지등 조사할 수 없습니다.

Choregraphe 프로젝트 github에 게시되었습니다.
htps : // 기주 b. 코 m / t 카와타 1025 / 카메라 토타 b t