[ios] SafariServices를 이용한 웹사이트 음성 검색 및 명령 기능

21 Dec 2023

iOS 앱에서는 SafariServices 프레임워크를 사용하여 웹사이트를 인앱 브라우저로 표시할 수 있습니다. 음성 인식 및 음성 명령 기능을 웹 사이트에 추가하는 방법을 알아보겠습니다.

1. 음성 인식을 위한 권한 요청

우선 iOS 앱이 음성 입력에 접근하기 위해 사용자의 권한을 요청해야 합니다. “Info.plist” 파일에 아래의 권한을 추가합니다.

<key>NSSpeechRecognitionUsageDescription</key>
<string>음성 인식을 통한 명령을 수행하기 위해 권한이 필요합니다.</string>

2. JavaScript를 이용한 음성 인식 및 명령

웹 페이지에서 음성 인식을 구현하기 위해 JavaScript API를 사용할 수 있습니다. 아래는 간단한 음성 인식 및 명령을 수행하는 JavaScript 코드의 예시입니다.

if ('webkitSpeechRecognition' in window) {
  const recognition = new webkitSpeechRecognition();
  recognition.lang = 'ko-KR';
  recognition.continuous = true;
  recognition.interimResults = true;
  
  recognition.onresult = (event) => {
    const transcript = event.results[0][0].transcript;
    if (transcript.includes('검색')) {
      // 검색 기능 실행
    } else if (transcript.includes('홈으로')) {
      // 홈으로 이동
    } else {
      // 인식되지 않은 명령 처리
    }
  };

  recognition.start();
}

3. SafariServices를 통한 웹 사이트 표시

이제 SafariServices를 사용하여 웹 사이트를 앱 내에서 표시합니다. 아래는 간단한 예시 코드입니다.

import SafariServices

let url = URL(string: "https://example.com")!
let safariViewController = SFSafariViewController(url: url)
present(safariViewController, animated: true)

4. 결론

위와 같이 iOS에서 SafariServices를 사용하여 웹사이트를 표시하고, JavaScript를 통해 음성 인식 및 명령을 처리하는 방법을 알아보았습니다. 사용자가 앱의 화면을 벗어나지 않고도 웹사이트에서 음성으로 검색하거나 명령을 수행할 수 있는 편리한 기능을 추가할 수 있습니다.

참고 자료:

이상으로 iOS SafariServices를 이용한 웹사이트 음성 검색 및 명령 기능 구현에 대해 알아보았습니다.