Instascan: ๋ฐ๋ชจ iOS 11.1 Safari - ์Šค์บ” ๋ฐ ๋น„๋””์˜ค๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2017๋…„ 11์›” 08์ผ  ยท  13์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: schmich/instascan

Hi Demo๋Š” iPhone 7 iOS 11.1 Safari์—์„œ ๋‘ ์บ  ๋ชจ๋‘์— ๋Œ€ํ•ด ๊ฒ€์€์ƒ‰ ํ™”๋ฉด๋งŒ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.
๋‹จ์ผ ์˜ค๋ฅ˜๋ฅผ ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š” ๊ฒ€์‚ฌ๊ธฐ
์Šค์บ”์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Œ(๋ธ”๋ผ์ธ๋“œ์—์„œ ํ…Œ์ŠคํŠธ๋จ)

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ด๋Š” ํ’€ ๋ฆฌํ€˜์ŠคํŠธ ๋ฅผ

๋ชจ๋“  13 ๋Œ“๊ธ€

๋‚ด๊ฐ€ ์•Œ๊ธฐ๋กœ๋Š” iOS์˜ Apple Webkit ์—”์ง„์€ ์•„์ง WebRTC๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์—๋Š” WebRTC๊ฐ€ ํ•„์š”ํ•˜๋ฉฐ iOS์—์„œ ์‹คํ–‰๋˜๋Š” ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €๋Š” ๊ฐ•์ œ๋กœ Apple Webkit์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. =(

Thx swaipa, ์ด๊ฒƒ๋„ ์ดํ•ดํ–ˆ์ง€๋งŒ Safari 11์˜ ๋ฆด๋ฆฌ์Šค ๋…ธํŠธ์— ๊ตฌํ˜„๋˜์—ˆ๋‹ค๋Š” ๋‚ด์šฉ์ด ๋‚˜์™€ ์žˆ์Šต๋‹ˆ๋‹ค. " WebRTC๋ฅผ ์‚ฌ์šฉํ•œ ์‹ค์‹œ๊ฐ„ ํ†ต์‹  ์ง€์› [...] Safari 11.0์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ โ€“ ์นด๋ฉ”๋ผ ๋ฐ ๋งˆ์ดํฌ ์•ก์„ธ์Šค"
https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html
์•„๋งˆ๋„ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์ผ๋ถ€ ํ†ตํ•ฉ์ด ํ•„์š”ํ•  ๊ฒƒ์ด๋ฏ€๋กœ ์ œ ์งˆ๋ฌธ์ž…๋‹ˆ๋‹ค.

https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill with webRTC๋Š” ๋‚ด iPhone 7์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค!

์ด๊ฒƒ์€ ์ƒˆ๋กœ์šด iOS11 webrtc ์ง€์›์„ ์œ„ํ•œ playsinline ์š”๊ตฌ ์‚ฌํ•ญ๊ณผ ๊ด€๋ จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. https://github.com/webrtc/samples/issues/929 ์ฐธ์กฐ

"playsinline" ๋ฐ "controls='true'" ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ์•„๋ฌด๊ฒƒ๋„ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค - ๊ทธ๊ฒƒ์€ ์—ฌ์ „ํžˆ โ€‹โ€‹iOS11 / Safari์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ด๋Š” ํ’€ ๋ฆฌํ€˜์ŠคํŠธ ๋ฅผ

์‚ฌํŒŒ๋ฆฌ ๋ฒ„์ „ 11.0.2(13604.4.7.1.3)๊ฐ€ ์žˆ๋Š”๋ฐ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์–ป๋‹ค

[์˜ค๋ฅ˜] ์ฒ˜๋ฆฌ๋˜์ง€ ์•Š์€ ์•ฝ์† ๊ฑฐ๋ถ€: TypeError: ์œ ํ˜• ์˜ค๋ฅ˜
(์ต๋ช… ํ•จ์ˆ˜) (instascan.min.js:9:6262)
promiseReactionJob

์ธ๋ผ์ธ

return this._stream = i.sent, i.abrupt("return", window.URL.createObjectURL(this._stream));

๋‚œ๋…ํ™” ์—†์ด ๊ฒฐํ•ฉ๋œ ํŒŒ์ผ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

@sascha-hack
์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์…จ์Šต๋‹ˆ๊นŒ?
iPhone์—์„œ ์ž‘๋™ํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์•„๋‹ˆ ์ž์„ธํžˆ ์‚ดํŽด๋ณด์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

๋ณ‘ํ•ฉ๋  ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์•ˆ๋…•ํ•˜์„ธ์š” ์นœ๊ตฌ,
iPad์— ๋Œ€ํ•œ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค. ์Šค์บ”์ด ์ž‘๋™ํ•˜์ง€๋งŒ ์นด๋ฉ”๋ผ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ํ•ญ์ƒ ์ „๋ฉด ์นด๋ฉ”๋ผ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
๋ฉ”ํƒ€ ํƒœ๊ทธ meta name="apple-mobile-web-app-capable" content="yes"์„ ์‚ฌ์šฉํ•˜์—ฌ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค.
์•„์ดํฐ์—์„œ ํ•ด๊ฒฐํ•œ๋‹ค๋ฉด.

@greatunra ๊ทธ๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ๋ฌธ์ œ์— ๋‘ ์†”๋ฃจ์…˜์„ ๋ชจ๋‘ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.
์ด: https://github.com/schmich/instascan/issues/105
๊ทธ๋ฆฌ๊ณ  ์ด๊ฒƒ: https://github.com/schmich/instascan/issues/101

(105์˜ ๋Œ€์•ˆ: https://github.com/schmich/instascan/issues/54)

๋˜ํ•œ ๋‚ด iPhone์—์„œ ์ž‘๋™ํ•˜๋„๋ก ๋น„๋””์˜ค ํƒœ๊ทธ๋ฅผ <video playsinline controls="true" id="preview"></video> ๋กœ ๋ณ€๊ฒฝํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค( https://bugs.webkit.org/show_bug.cgi?id=176843 ์ฐธ์กฐ).

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰