Quản Lý Khung Video trong Bài Thuyết Trình bằng JavaScript

Giới thiệu

Một video được đặt hợp lý trong bài thuyết trình có thể làm cho thông điệp của bạn trở nên thuyết phục hơn và tăng mức độ thu hút khán giả.

PowerPoint cho phép bạn thêm video vào một slide trong bài thuyết trình theo hai cách:

Thêm hoặc nhúng video cục bộ (được lưu trên máy của bạn)
Thêm video trực tuyến (từ nguồn web như YouTube).

Để cho phép bạn thêm video (đối tượng video) vào một bài thuyết trình, Aspose.Slides cung cấp lớp Video , lớp VideoFrame và các kiểu liên quan khác.

Tạo Khung Video Nhúng

Nếu tệp video mà bạn muốn thêm vào slide được lưu cục bộ, bạn có thể tạo một khung video để nhúng video vào bài thuyết trình của mình.

Tạo một thể hiện của lớp Presentation class.
Lấy tham chiếu của slide thông qua chỉ mục của nó.
Thêm đối tượng Video và truyền đường dẫn tệp video để nhúng video vào bài thuyết trình.
Thêm đối tượng VideoFrame để tạo khung cho video.
Lưu bài thuyết trình đã sửa đổi.

Đoạn mã JavaScript sau cho bạn thấy cách thêm video được lưu cục bộ vào bài thuyết trình:

// Khởi tạo lớp Presentation
var pres = new aspose.slides.Presentation("pres.pptx");
try {
    // Tải video
    var fileStream = java.newInstanceSync("java.io.FileInputStream", "Wildlife.mp4");
    var video = pres.getVideos().addVideo(fileStream, aspose.slides.LoadingStreamBehavior.KeepLocked);
    // Lấy slide đầu tiên và thêm khung video
    pres.getSlides().get_Item(0).getShapes().addVideoFrame(10, 10, 150, 250, video);
    // Lưu bài thuyết trình vào đĩa
    pres.save("pres-with-video.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Ngoài ra, bạn có thể thêm video bằng cách truyền trực tiếp đường dẫn tệp vào phương thức addVideoFrame(float x, float y, float width, float height, IVideo video) :

var pres = new aspose.slides.Presentation();
try {
    var sld = pres.getSlides().get_Item(0);
    var vf = sld.getShapes().addVideoFrame(50, 150, 300, 150, "video1.avi");
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Tạo Khung Video với Video từ Nguồn Web

Microsoft PowerPoint 2013 và mới hơn hỗ trợ video YouTube trong bài thuyết trình. Nếu video bạn muốn sử dụng có sẵn trực tuyến (ví dụ trên YouTube), bạn có thể thêm nó vào bài thuyết trình thông qua liên kết web.

Tạo một thể hiện của lớp Presentation class
Lấy tham chiếu của slide thông qua chỉ mục của nó.
Thêm đối tượng Video và truyền liên kết đến video.
Đặt hình thu nhỏ cho khung video.
Lưu bài thuyết trình.

Đoạn mã JavaScript sau cho bạn thấy cách thêm video từ web vào một slide trong bài thuyết trình PowerPoint:

// Khởi tạo một đối tượng Presentation đại diện cho một tệp bài thuyết trình
var pres = new aspose.slides.Presentation();
try {
    addVideoFromYouTube(pres, "Tj75Arhq5ho");
    pres.save("out.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

async function addVideoFromYouTube(pres, videoID) {
    let slide = pres.getSlides().get_Item(0);
    let videoUrl = "https://www.youtube.com/embed/" + videoID;
    let videoFrame = slide.getShapes().addVideoFrame(10, 10, 427, 240, videoUrl);
    
    videoFrame.setPlayMode(aspose.slides.VideoPlayModePreset.Auto);

    let thumbnailUri = "http://img.youtube.com/vi/" + videoID + "/hqdefault.jpg";

    try {
        const imageStream = await getImageStream(thumbnailUri);
        let image = pres.getImages().addImage(imageStream);
        videoFrame.getPictureFormat().getPicture().setImage(image);
    } catch (error) {
        console.error("Error loading thumbnail:", error);
    }
}

async function getImageStream(url) {
    return new Promise((resolve, reject) => {
        http.get(url, (response) => {
            if (response.statusCode === 200) {
                resolve(response);
            } else {
                reject(new Error(`Failed to load image: ${response.statusCode}`));
            }
        }).on('error', (e) => {
            reject(e);
        });
    });
}

Quản lý Phụ đề Video

Aspose.Slides cho phép bạn quản lý phụ đề đóng cho các khung video trong bài thuyết trình PowerPoint. Phụ đề được lưu ở định dạng WebVTT và được cung cấp thông qua phương thức VideoFrame.getCaptionTracks .

Thêm Phụ đề vào Khung Video

Tạo một thể hiện của lớp Presentation class.
Thêm video vào bài thuyết trình.
Thêm đối tượng VideoFrame vào một slide.
Sử dụng bộ sưu tập CaptionsCollection để thêm một track phụ đề WebVTT.
Lưu bài thuyết trình đã sửa đổi.

Đoạn mã sau cho bạn thấy cách thêm phụ đề vào khung video:

let presentation = new aspose.slides.Presentation();
try {
    let videoStream = java.newInstanceSync("java.io.FileInputStream", "video.mp4");
    let video = presentation.getVideos().addVideo(videoStream, aspose.slides.LoadingStreamBehavior.KeepLocked);

    let slide = presentation.getSlides().get_Item(0);
    let videoFrame = slide.getShapes().addVideoFrame(0, 0, 100, 100, video);

    // Thêm một track phụ đề mới từ tệp WebVTT.
    videoFrame.getCaptionTracks().add("English", "track.vtt");

    presentation.save("video_with_captions.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Lớp CaptionsCollection cũng cung cấp phương thức addFromStream cho phép bạn thêm phụ đề từ một luồng.

Trích xuất Phụ đề từ Khung Video

Tải bài thuyết trình chứa video.
Tìm đối tượng VideoFrame mục tiêu.
Duyệt qua bộ sưu tập CaptionsCollection .
Lưu mỗi track phụ đề vào tệp .vtt .

Đoạn mã sau cho bạn thấy cách trích xuất phụ đề từ khung video:

let presentation = new aspose.slides.Presentation("video_with_captions.pptx");
try {
    let slide = presentation.getSlides().get_Item(0);
    let shapeCount = slide.getShapes().size();
    for (let shapeIndex = 0; shapeIndex < shapeCount; shapeIndex++) {
        let shape = slide.getShapes().get_Item(shapeIndex);
        if (java.instanceOf(shape, "com.aspose.slides.VideoFrame")) {
            let videoFrame = shape;
            let trackCount = videoFrame.getCaptionTracks().getCount();
            for (let trackIndex = 0; trackIndex < trackCount; trackIndex++) {
                let captionTrack = videoFrame.getCaptionTracks().get_Item(trackIndex);
                // Lưu track phụ đề vào tệp WebVTT.
                let filePath = captionTrack.getCaptionId() + ".vtt";
                let captionData = Buffer.from(captionTrack.getBinaryData());
                fs.writeFileSync(filePath, captionData);
            }
        }
    }
} finally {
    presentation.dispose();
}

Mỗi đối tượng Captions cung cấp định danh phụ đề, nhãn, dữ liệu nhị phân và văn bản phụ đề dưới dạng chuỗi UTF-8.

Xóa Phụ đề khỏi Khung Video

Tải bài thuyết trình chứa video.
Lấy đối tượng VideoFrame mục tiêu.
Xóa các track phụ đề khỏi bộ sưu tập CaptionsCollection .
Lưu bài thuyết trình đã sửa đổi.

Đoạn mã sau cho bạn thấy cách xóa tất cả phụ đề khỏi khung video:

let presentation = new aspose.slides.Presentation("video_with_captions.pptx");
try {
    let slide = presentation.getSlides().get_Item(0);
    let videoFrame = slide.getShapes().get_Item(0); // loại: com.aspose.slides.VideoFrame

    // Xóa tất cả phụ đề khỏi khung video.
    videoFrame.getCaptionTracks().clear();

    presentation.save("video_without_captions.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Nếu bạn cần xóa chỉ một track phụ đề, hãy sử dụng các phương thức remove hoặc removeAt thay vì clear .

Trích xuất Video từ Slide

Ngoài việc thêm video vào slide, Aspose.Slides cho phép bạn trích xuất video được nhúng trong bài thuyết trình.

Tạo một thể hiện của lớp Presentation để tải bài thuyết trình chứa video.
Duyệt qua tất cả các đối tượng Slide .
Duyệt qua tất cả các đối tượng Shape để tìm một VideoFrame .
Lưu video vào ổ đĩa.

Đoạn mã JavaScript sau cho bạn thấy cách trích xuất video trên một slide của bài thuyết trình:

// Khởi tạo một đối tượng Presentation đại diện cho một tệp bài thuyết trình
var pres = new aspose.slides.Presentation("VideoSample.pptx");
try {
    for (let i = 0; i < pres.getSlides().size(); i++) {
        let slide = pres.getSlides().get_Item(i);
        for (let j = 0; j < slide.getShapes().size(); j++) {
            let shape = slide.getShapes().get_Item(j);
            if (java.instanceOf(shape, "com.aspose.slides.VideoFrame")) {
                var vf = shape;
                console.log(shape);
                var type = vf.getEmbeddedVideo().getContentType();
                var ss = type.lastIndexOf('-');
                const buffer = Buffer.from(vf.getEmbeddedVideo().getBinaryData());
                console.log(buffer);
                // Lấy phần mở rộng tệp
                var charIndex = type.indexOf("/");
                type = type.substring(charIndex + 1);
                fs.writeFileSync("testing2." + type, buffer);
            }
        }
    }
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Câu hỏi thường gặp

Các tham số phát video nào có thể được thay đổi cho VideoFrame?

Bạn có thể điều khiển playback mode (tự động hoặc khi nhấp) và looping. Các tùy chọn này có sẵn thông qua các thuộc tính của đối tượng VideoFrame .

Việc thêm video có ảnh hưởng đến kích thước tệp PPTX không?

Có. Khi bạn nhúng video cục bộ, dữ liệu nhị phân được bao gồm trong tài liệu, vì vậy kích thước bài thuyết trình sẽ tăng tỷ lệ với kích thước tệp. Khi bạn thêm video trực tuyến, một liên kết và hình thu nhỏ được nhúng, vì vậy mức tăng kích thước sẽ nhỏ hơn.

Tôi có thể thay thế video trong VideoFrame hiện có mà không thay đổi vị trí và kích thước không?

Có. Bạn có thể thay đổi video content trong khung mà vẫn giữ nguyên hình học của hình dạng; đây là một kịch bản thường gặp để cập nhật phương tiện trong bố cục hiện có.

Có thể xác định loại nội dung (MIME) của video được nhúng không?

Có. Video được nhúng có một content type mà bạn có thể đọc và sử dụng, ví dụ khi lưu nó vào ổ đĩa.