HTML5中的新元素可以帮助我们实现各种多媒体效果。下面是一些常见的例子：
使用 <audio> 元素来嵌入音频文件。例如：
<audio src="music.mp3" controls> 您的浏览器不支持播放音频。 </audio>
上述代码中，src 属性指向音频文件的URL，controls 属性使浏览器显示音频播放器控件。
使用 <video> 元素来嵌入视频文件。例如：
<video src="movie.mp4" controls> 您的浏览器不支持播放视频。 </video>
上述代码中，src 属性指向视频文件的URL，controls 属性使浏览器显示视频播放器控件。
使用 <canvas> 元素来创建图形和动画。例如：
<canvas id="myCanvas" width="200" height="100"></canvas>
上述代码中，id 属性是为了在JavaScript中引用该元素，width 和 height 属性指定画布的尺寸。
使用 @media 规则来根据设备的屏幕尺寸和方向来应用不同的样式。例如：
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
上述代码中，当浏览器的宽度不超过768像素时，body 元素的字体大小将变为14像素。
总之，HTML5中的新元素使得创建多媒体效果变得更加简单和灵活。
