**4.6 Sound effect design**

The design and creation of HTML5 works mainly focus on vision, hearing, and touch, among which vision and hearing are the easiest to achieve the effect and give feedback of digital screen. However, sound effect design is often ignored in HTML5 creation. The sound effect of HTML5 mainly includes background and auxiliary sound effects. Background sound effect is an important means to lay the emotional tone of the whole HTML5 and create an atmosphere. It needs to be targeted at the theme following the principle of audio-visual consistency. Auxiliary sound effect is a detailed design added according to the needs of the content, which plays a role in setting off the description of the content and can bring users an all-round audio-visual experience.

To sum up, it is necessary to combine the design object and theme, and appropriate rhythm and melody in the sound effect design of HTML5. In terms of auxiliary sound effect, in addition to adding key sound effects in line with tonality, we can also add narration to expand the knowledge of intangible cultural heritage beyond the scene, including the history of specific intangible cultural heritage activities and the spiritual and embodied cultural connotation, which enables users to feel the appeal brought by music and enjoy a more immersive experience when appreciating the exquisite and simple cultural heritage.

## **4.7 Integration and realization**

HTML5 integration can be specifically achieved in two ways. One is by code. The prepared layered map, including PSD file, PNG cut, appropriate file, MP3 audio, and video file, is packaged to the front-end engineer. The engineer places these contents on the server and combines the elements into HTML5 web page by code editing. After the code editing is completed and tested, the whole HTML5 web page will be pushed to the Internet. The other is codeless implementation. At present, there are a large number of HTML5 page generation tools on the Internet, most of which appear in the form of Web sites, and are named as third-party platforms, which provide assistance for designers without front-end resources. The designed materials can be uploaded to the server of the third-party platform for editing and publishing. The disadvantage of such platform includes single function and limited effect, while the HTML5 page generated by engineers can be customized.
