Multimedia Content Integration

sudo tee /opt/coldfusion2025/cfusion/wwwroot/student/media_demo.cfm << 'EOF'
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ColdFusion Media Demo</title>
  <style>
    body  { font-family: sans-serif; max-width: 700px; margin: 2rem auto; }
    video, audio { display: block; margin: 1rem 0; }
  </style>
</head>
<body>
  <h1>ColdFusion Media Demo</h1>

  <cfoutput>
    <p>Page generated at: <strong>#timeFormat(now(), "HH:mm:ss")#</strong></p>
  </cfoutput>

  <h2>Video</h2>
  <video controls width="640" preload="metadata">
    <source src="/media/sample.mp4"  type="video/mp4">
    <source src="/media/sample.webm" type="video/webm">
    <p>Your browser does not support HTML5 video.</p>
  </video>

  <h2>Audio</h2>
  <audio controls preload="metadata">
    <source src="/media/sample.mp3" type="audio/mpeg">
    <source src="/media/sample.ogg" type="audio/ogg">
    <p>Your browser does not support HTML5 audio.</p>
  </audio>

</body>
</html>
EOF

curl -s http://localhost:8500/student/media_demo.cfm | head -20

sudo mkdir -p /opt/coldfusion2025/cfusion/wwwroot/uploads/media

sudo tee /opt/coldfusion2025/cfusion/wwwroot/student/upload_media.cfm << 'EOF'
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Upload Media</title>
  <style>
    body { font-family: sans-serif; max-width: 520px; margin: 2rem auto; }
    .result { margin-top: 1rem; padding: 1rem; background: #f0f4ff; border-left: 4px solid #3b82d4; }
    .error  { color: #c0392b; }
  </style>
</head>
<body>
  <h1>Upload Media File</h1>

<cfif cgi.REQUEST_METHOD eq "POST" and structKeyExists(form, "mediaFile") and len(form.mediaFile)>
  <cfscript>
    allowedTypes = "video/mp4,video/webm,audio/mpeg,audio/ogg";
    allowedExts  = ["mp4", "webm", "mp3", "ogg"];
    uploadDir    = expandPath("/uploads/media/");

    try {
      cffile(
        action       = "upload",
        filefield    = "mediaFile",
        destination  = uploadDir,
        accept       = allowedTypes,
        nameconflict = "makeunique"
      );
      ext = lCase(listLast(cffile.serverFile, "."));
      if (!arrayFind(allowedExts, ext)) {
        fileDelete(cffile.serverDirectory & "/" & cffile.serverFile);
        throw(message="Disallowed file extension: #ext#");
      }
    } catch (any e) {
      uploadError = e.message;
    }
  </cfscript>

  <cfif isDefined("uploadError")>
    <div class="result"><span class="error">Upload failed: <cfoutput>#encodeForHTML(uploadError)#</cfoutput></span></div>
  <cfelse>
    <div class="result">
      <strong>Upload successful!</strong><br>
      <cfoutput>
        File: <strong>#encodeForHTML(cffile.serverFile)#</strong><br>
        Size: <strong>#cffile.fileSize# bytes</strong><br>
        Type: <strong>#encodeForHTML(cffile.contentType)#</strong>
      </cfoutput>
    </div>
  </cfif>
</cfif>

  <form method="post" enctype="multipart/form-data">
    <label for="mediaFile">Choose a video or audio file:</label><br><br>
    <input type="file" id="mediaFile" name="mediaFile" accept="video/*,audio/*" required>
    <br><br>
    <button type="submit">Upload</button>
  </form>
</body>
</html>
EOF

curl -s -o /dev/null -w "%{http_code}" http://localhost:8500/student/upload_media.cfm

# Create a minimal test image using ColdFusion itself
sudo tee /opt/coldfusion2025/cfusion/wwwroot/student/image_thumb.cfm << 'EOF'
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>cfimage Thumbnail Demo</title>
  <style>
    body { font-family: sans-serif; max-width: 700px; margin: 2rem auto; }
    .images { display: flex; gap: 2rem; align-items: flex-start; margin-top: 1rem; }
    figure  { margin: 0; text-align: center; }
    figcaption { font-size: .85rem; color: #555; margin-top: .4rem; }
  </style>
</head>
<body>
  <h1>cfimage — Thumbnail Demo</h1>

  <cfscript>
    srcPath   = expandPath("/uploads/test_original.jpg");
    thumbPath = expandPath("/uploads/test_thumb.jpg");

    // Generate a solid-colour test image if it doesn't exist yet
    if (!fileExists(srcPath)) {
      img = imageNew("", 400, 300, "rgb", "##4a90d9");
      imageSetDrawingColor(img, "white");
      imageDrawText(img, "ColdFusion Test Image  400x300", 60, 145);
      imageWrite(img, srcPath);
    }

    // Resize to 200×150 thumbnail
    cfimage(
      action      = "resize",
      source      = srcPath,
      destination = thumbPath,
      width       = "200",
      height      = "150",
      overwrite   = true
    );

    origImg   = imageRead(srcPath);
    thumbImg  = imageRead(thumbPath);
    origInfo  = imageInfo(origImg);
    thumbInfo = imageInfo(thumbImg);
  </cfscript>

  <div class="images">
    <figure>
      <img src="/uploads/test_original.jpg" width="400" height="300" alt="Original">
      <figcaption>
        <cfoutput>Original — #origInfo.width#×#origInfo.height# px</cfoutput>
      </figcaption>
    </figure>
    <figure>
      <img src="/uploads/test_thumb.jpg" width="200" height="150" alt="Thumbnail">
      <figcaption>
        <cfoutput>Thumbnail — #thumbInfo.width#×#thumbInfo.height# px</cfoutput>
      </figcaption>
    </figure>
  </div>
</body>
</html>
EOF

curl -s -o /dev/null -w "%{http_code}" http://localhost:8500/student/image_thumb.cfm