SMIL 개발 : 사람들을 웃게 할 프레젠테이션 제작

폭로: 귀하의 지원은 사이트 운영을 유지하는 데 도움이됩니다! 이 페이지에서 권장하는 일부 서비스에 대한 추천 수수료가 발생합니다.


SMIL은 Synchronized Multimedia Integration Language의 약어입니다. 철자에도 불구하고 “스마일”이라고 발음됩니다. XML을 기반으로 SMIL은 컨텐츠뿐만 아니라 타이밍도 표시합니다. 결과적으로 멀티미디어 프리젠 테이션 및 애니메이션을 만드는 데 사용됩니다. 아주 간단한 예는 5 초 동안 타이틀 카드를 표시 한 다음 10 초 동안 이미지를 표시하는 것입니다. 그러나 SMIL은 그 이상을 할 수 있습니다.

SMIL의 역사

1997 년에 W3C (World Wide Web Consortium)는 SMIL 개발을 시작했습니다. 최초의 공식 버전 (SMIL 1.0)은 1999 년에 출시되었습니다. 2001 년 SMIL 2.0이 출시되어 언어의 기본 구조를 일부 변경하고 애니메이션 및 타이밍을위한 모듈을 도입했습니다. 현재 표준은 2008 년에 출시 된 SMIL 3.0입니다. 기존 모듈을 확장하고 더 추가했습니다..

SMIL 1.0이 출시 된 후 Microsoft 및 일부 다른 회사에서는 HTML + TIME을 W3C에 제안했습니다. SMIL을 일반 브라우저에 표시 할 수있는 시스템이었습니다. W3C는 시스템을 대폭 변경하고 XHTML + SMIL을 출시하여 SIML 기능을 XHTML에 추가했습니다..

SMIL의 기능

SMIL을 사용하면 PowerPoint 또는 유사한 멀티미디어 프레젠테이션 도구를 사용하여 제어 할 디스플레이의 모든 측면을 제어 할 수 있습니다.

  • 나열한 것
  • 이벤트 타이밍
  • 전환
  • 미디어 (이미지, 비디오, 오디오)
  • SVG를 이용한 애니메이션 [1]

SMIL을 사용해야하는 이유

PowerPoint를 사용하고 배포를 위해 플래시 형식으로 변환 할 수있을 때 SMIL을 코딩하는 방법을 배우는 것은 많은 번거로울 수 있습니다. 그러나 SMIL은 이러한 종류의 접근 방식에 비해 여러 가지 장점이 있습니다. 다음은 주요 내용이지만 SMIL이란 무엇이며 왜 사용해야하는지 자세히 알아보십시오.?

  • 열린 파일 형식. 한 명 이상의 사람들과 공동 작업 할 때 특히 유용합니다.
  • 미디어 파일은 외부. 미디어 파일이 완료되면 프레젠테이션을 크게 변경하더라도 한 번만 업로드하면됩니다. 또한 프레젠테이션은 다른 서버의 미디어 파일을 사용할 수 있습니다. 또한 다양한 프레젠테이션에서 동일한 미디어 파일을 사용할 수 있습니다..
  • 손쉬운 편집. 프레젠테이션에 대한 도매 변경은 종종 매우 관련이 있습니다. SMIL을 사용하면 코드 줄을 잘라 붙여 넣는 것입니다..

SMIL 형식

SMIL 파일은 일반 XHTML 파일과 매우 비슷합니다. 실제로 기본 형식은 정확히 동일합니다.

이것은 안드로메다 은하의 이미지입니다.

다음은 5 초 지연된 비디오의 텍스트입니다.

보시다시피 XML 파일입니다. 그런 다음 SMIL 3.0 언어 정의가로드됩니다..

그 후, XHTML 파일과 마찬가지로 파일의 두 부분 인 head와 body가 있습니다. 머리에는 메타 태그와 같은 일반적인 것들이 있습니다. 여기에 기본 레이아웃 태그 하나를 넣어 배경을 색상 청록색으로 설정했습니다..

몸이 더 흥미 롭습니다. 이미지와 캡션을로드하여 시작합니다. 이미지는 5 초 동안 표시됩니다. 그런 다음 플래시 비디오를로드하고 5 초 동안 기다린 다음 텍스트 캡션을 표시합니다..

이 예에서는 SMIL의 기본 기능 대부분과 프레젠테이션을 만드는 것이 얼마나 쉬운 지 살펴 봅니다..

기본 도구

SMIL 지원은 대부분의 브라우저에서 개략적입니다. 예를 들어 버전 45부터 Chrome은 SVG SMIL 지원을 더 이상 사용하지 않습니다. SMIL 코딩을 배우려면 SMIL 뷰어를 얻는 것이 가장 좋습니다. QuickTime 및 RealPlayer와 같은 일반적인 도구를 사용할 수 있습니다. 아마도 오픈 소스 뷰어 인 Ambulant Player에서 더 많은 성공을 거두게 될 것입니다. 적극적으로 개발되어 전체 SMIL 3.0 사양을 지원합니다.

개발 측면에서 텍스트 편집기 만 있으면됩니다. 그러나 SMIL 및 XML에 맞는 편집기를 사용하고 싶을 수도 있습니다..

  • SMILGen SMIL Generation Tool : SMIL과 함께 사용하도록 설계된 XML 편집기.
  • LimSee2 : 더 이상 지원되지 않으며 찾기가 매우 어려운 SMIL 2.0 편집기.

자원

온라인 리소스가 많이 있지만 수년 동안 많은 리소스가 사라져 찾기가 어려울 수 있습니다. 남아있는 사람들은 종종 SMIL 2.0에 중점을 둡니다. 여전히 관련 정보가 포함되어 있기 때문에 문제가되지 않습니다. 최고의 리소스를 모았습니다.

개요

  • SMIL이란 무엇이며 왜 사용해야합니까? 이것은 코딩이 아닌 프레젠테이션을 만드는 데 집중하는 사람들에게 훌륭한 개요입니다..
  • W3C의 SMIL 3.0 페이지. 이것은 전체 시스템의 사양을 제공합니다.

튜토리얼

  • 멀티미디어 4 Everyone SMIL Page. 이 페이지에는 다양한 버전의 SMIL에 대한 방대한 정보가 포함되어 있습니다. 그러나 주요 내용은 SMIL 예제 모음입니다..
  • SMIL하는 방법. 이 자습서는 첫 SMIL 프레젠테이션을 만드는 과정을 안내합니다..
  • 동기화 된 멀티미디어 통합 언어 소개. 이것은 Archive.org를 통한 SMIL 2.0에 대한 튜토리얼입니다.

참고

  • W3C의 동기화 된 멀티미디어 페이지 : SMIL의 볼트와 너트에 들어가고 싶다면 이곳을 방문하십시오.

서적

  • 인형 용 SMIL< 헤더 윌리엄슨. 이것은 SMIL에 대한 쉬운 소개이지만 SMIL 1.0과 2.0에 중점을 둔 오래된 책입니다..
  • SMIL 3.0 : Dick Bulterman과 Lloyd Rutledge의 웹, 모바일 장치 및 데이지 말하기 책을위한 유연한 멀티미디어.
  • Joe Fawcett, Liam Quin 및 Danny Ayers가 XML을 시작합니다. 이 책은 SMIL에 대해서만 다루지 만 SMIL의 핵심 인 XML의 훌륭한 토대를 제공합니다..
  • J David Eisenberg와 Amelia Bellamy-Royds의 SVG 기초. SMIL 자체는 아니지만 SMIL 코더에 매우 유용합니다..

결론

SMIL은 프레젠테이션을 만들고 배포하려는 사람들에게 훌륭한 도구입니다. 또한 때때로 업데이트해야하는 프리젠 테이션을 작성하려는 경우 특히 유용합니다. 적당한 학습 곡선이 있지만 일단 중단하면 XHTML을 코딩하는 것만 큼 쉽습니다. 또한 이전에 사용한 코드를 쉽게 재사용 할 수 있습니다..

[1] SVG는 Scalable Vector Graphics의 약어입니다. SMIL을 사용하면 시간에 따라 그래픽을 수정하여 애니메이션을 만들 수 있습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map