你给我写一段html的烟花代码，烟花是从下往上的，并且在发射时会发出鸡叫声

这是一段使用HTML，CSS和JavaScript编写的烟花动画代码。它会在页面中随机生成一些烟花，然后从下往上冒出来。在烟花发射时，会播放鸡叫声。

首先，需要在HTML文件中包含一个canvas元素，这样才能在页面中绘制动画。

<canvas id="fireworks"></canvas>

然后，可以使用CSS设置canvas的尺寸和背景颜色。

#fireworks {
  width: 100%;
  height: 100%;
  background-color: #000;
}

最后，使用JavaScript编写烟花动画的逻辑。首先，需要设置一些变量，用于存储烟花的坐标、速度、半径等信息。然后，可以使用setInterval函数每隔一段时间调用update函数更新烟花的状态，并使用requestAnimationFrame函数在浏览器重绘之前调用draw函数绘制烟花。

let canvas = document.getElementById("fireworks");
let ctx = canvas.getContext("2d");
let fireworks = []; // 用于存储烟花的数组
let hue = 120; // 烟花的颜色
let limiterTotal = 5; // 每帧发射的烟花数量
let limiterTick = 0; // 当前已发射的烟花数量
let timerTotal = 80; // 烟花发射的间隔
let timerTick = 0; // 当前已经过的时间

function update() {
  // 更新烟花的状态
  hue += 0.5;

  // 随机生成新的烟花
  timerTick++;
  if (timerTick >= timerTotal) {
    timerTick = 0;