• Proceedings of the Korea Information Processing Society Conference
• /
• 2014.11a
• /
• pp.955-957
• /
• 2014

HTML5에 들어서면서 웹서비스 구현에 보편적으로 사용되는 신기술들이 속속들이 나오고 있다. 브라우저 자체적인 그래픽 구현을 위한 Canvas/SVG, 멀티미디어와 관련된 audio, video, webaudio API 등이 추가되었고, 이로 인해 HTML5는 웹 환경에 더 빠르고 정교하며 편리한 인터페이스를 제공해 주었다. 이 중 아직도 표준화가 진행 중이거나 많은 브라우저에서 지원하지 않아 섣불리 사용 할 수 없는 기술들 또한 상당 수 존재한다. 본 논문에서 HTML5기술들을 활용하여 다양한 플랫폼에서 공통적으로 동작되는 플랫폼 독립적인 음원 스트리밍 웹서비스를 개발한다.

• International Journal of Contents
• /
• v.7 no.2
• /
• pp.11-16
• /
• 2011

In this paper, we develop a mobile MAP open API using HTML5 local storage and the W3C geolocation API. The mobile MAP open API consists of the basic JavaScript MAP API, offline navigation API, and multimedia POI (mPOI) API. The basic JavaScript MAP API creates a map and controls, rotates, and overlays data on the map. The offline navigation API is developed using HTML5 local storage and web storage. The mobile web application downloads and stores mPOIs of works of art to local storage or web storage from a web server. The mPOI API is developed using HTML5 video and audio APIs. We develop a mobile art park guidance application using the developed mobile MAP open API.

• Journal of the Korean Institute of Illuminating and Electrical Installation Engineers
• /
• v.28 no.9
• /
• pp.99-104
• /
• 2014

This paper presents a unified live-streaming method based on Hypertext Mark-up Language 5(HTML5) for an IP camera which is independent of browsers of clients and is implemented with open-source libraries. Currently, conventional security systems based on analog CCTV cameras are being modified to newer surveillance systems utilizing IP cameras. These cameras offer remote surveillance and monitoring regardless of the device being used at any time, from any location. However, this approach needs live-streaming protocols to be implemented in order to verify real-time video streams and surveillance is possible after installation of separate plug-ins or special software. Recently, live streaming is being conducted through HTML5 using two different standard protocols: HLS and DASH, that works with Apple and Android products respectively. This paper proposes a live-streaming approach that is linked on either of the two protocols which makes the system independent with the browser or OS. The client is possible to monitor real-time video streams without the need of any additional plug-ins. Moreover, by implementing open source libraries, development costs and time were economized. We verified usefulness of the proposed approach through mobile devices and extendability to other various applications of the system.

• The Journal of the Convergence on Culture Technology
• /
• v.9 no.5
• /
• pp.211-217
• /
• 2023

This study was conducted for the purpose of analyzing the differences in academic presence and achievement according to the types of e-learning contents development. Content development types were divided into HTML5-based contents, which is interactive contents, and Flash-based contents, which is video presenting type. One group at G high school located in B region learned with HTML5-based contents, and the other group learned with Flash-based contents, and then conducted a survey on the presence and an achievement evaluation. Presence was analyzed through a paired t-test, and the difference in academic achievement was measured through analysis of covariance. As a result of the study, it was found that HTML5-based contents had high levels of presence and academic achievement. Based on the results of the study, the development direction of e-learning contents to be developed in the future was discussed.

• Journal of Industrial Convergence
• /
• v.20 no.7
• /
• pp.37-50
• /
• 2022

This study intends to analyze the learning effect of asynchronous online classes used in education fields around the world after the COVID-19 pandemic. To this end, we compared and analyzed the lecture evaluation and final exam questions of the HTML5 web programming course, which was conducted offline in 2019 and asynchronously online in 2020 due to COVID-19. As a result of the analysis, no significant difference was drawn between the two teaching methods in the lecture evaluation score and final exam score. However, contrary to concerns about the application of online classes to the entire curriculum, the lecture evaluation and final exam scores of the video-based online classes were high, suggesting the possibility that online classes could be more effective than offline classes if well organized and managed in the future.

• The Journal of the Institute of Internet, Broadcasting and Communication
• /
• v.18 no.1
• /
• pp.143-149
• /
• 2018

This paper presents an implementation of a streaming system which can forward live video stream to multiple users from a Phantom4, which is a drone made by DJI. We constructed the streaming server on Raspberry Pi 3 board for high mobility. Also We implemented the system so that the video stream can be played on any devices if the HTML5 standard web browser is utilized. We compiled C codes of FFmpeg open sources and installed in the Raspberry Pi3 as the streaming server and developed a Java application to execute as the integrated server that controls the other softwares on the streaming server. Also we developed an Android application which receives the live video stream from the drone and sends the streaming server continuously. The implemented system in this paper can successfully stream the live video on 24 frames per second at the resolution of 148x112 in considering the low hardware throughput of the streaming server.

• IEIE Transactions on Smart Processing and Computing
• /
• v.2 no.2
• /
• pp.86-96
• /
• 2013

VP8, an open web media video format, has recently attractedmuch attention, particularly from major web browser companies, as a video codec for HTML5 on internet due to its good coding efficiency and royalty-free policy. Compared to other video compression schemes such as H.264/AVC, it has several distinctive coding tools that help to ensure good coding efficiency and low decoding complexity. In this paper, we investigate its coding techniques and analyze its rate-distortion (R-D) coding performance as compared to that of H.264/AVC.

• KIPS Transactions on Software and Data Engineering
• /
• v.7 no.4
• /
• pp.145-152
• /
• 2018

In electronic textbooks (or e-Textbooks) the traditional paper-based textbooks are enriched with multimedia contents and new features such as interactive multimedia-based simulation, interactive quizzes, and content sharing. It has been envisioned that e-Textbooks will gradually replace the traditional paper-based textbooks in classrooms in the near future. HTML5 is an emerging and promising standard that enables web applications (or apps) to incorporate rich multimedia contents such as video clips, flash movies and simulation-based demonstration, as well as to provide cross-platform functionality which allows the apps to run on a diverse range of platforms. To support rich multimedia contents and cross-platform functionality, with respect to HTML5, this paper presents the new features, compares the current trend of mobile apps (e.g., native, web-based and hybrid apps) for e-Textbook development. In order to investigate the suitability of these three development approaches for e-Textbooks, we present a case study on our recent work in developing e-Textbooks using HTML5 and JavaScript, as well as analyses the challenges associated with HTML5 features (e.g, compatibility with web browsers) for developing e-Textbooks.

• Journal of Digital Convergence
• /
• v.18 no.2
• /
• pp.377-383
• /
• 2020

Digital signage is constantly being researched as new digital video platform to replace existing signage market. Traditionally, It conveys various information combining still images with text. Nowadays, it is rapidly exchanging to multi digital platform by high specificaton system, improvement of internet speed and advancement of video and audio compression technology with HTML5 technology. Not only a single wide-screen display but also the combination and adjustment of screens with setop box, OLED, media facades, and lase beam projectors are transformed into various forms to enable creative and diverse attempts for graphic designers. This study focuses on the application of motion graphics in rapidly evolving future platform - digital signage, and looking forward to help digital video content creator, researchers, and motion graphic designers.

• Proceedings of the Korean Society of Broadcast Engineers Conference
• /
• 2017.11a
• /
• pp.1-2
• /
• 2017

최근 기존의 설치형 어플리케이션으로 제공되던 워드 프로세서나 스프레드 시트 등이 RIA(Rich Internet Application)와 Ajax(Asynchronous JavaScript and XML)같은 기술의 발달로 구글 독스(Google Docs)와 같이 웹브라우저(Web Browser)에서 동작하는 형태의 클라우드 기반 웹 어플리케이션으로 제작되어 널리 사용되고 있다. 또한 기존의 웹 기술로는 구현하기 어려웠던 동영상 포맷 변환이나 사진이나 동영상에 필터를 적용하는 것과 같은 영상처리가 가능한 클라우드 기반 웹 어플리케이션이 등장하고 있는 실정이다. 이에 본 논문은 컴퓨팅 자원을 많이 사용하고, 장시간의 변환이 필요한 360도 영상의 변환과정에 꼭 필요한 기술인 포토스티칭(Photo-stitching)을 클라우드에서 가능하게 하는 프론트엔드 및 백엔드를 구현하고, 웹소켓(Websocket)기술을 활용하여 실시간으로 변환결과를 전달 받을 수 있도록 하였다.