プレゼンテーションでのビデオフレームの管理（JavaScript 使用）

プレゼンテーションに適切に配置されたビデオは、メッセージをより説得力のあるものにし、視聴者とのエンゲージメントレベルを向上させることができます。

PowerPoint では、プレゼンテーションのスライドにビデオを追加する方法が 2 つあります：

ローカルビデオを追加または埋め込む（マシンに保存）
オンラインビデオを追加する（YouTube などのウェブソースから）。

プレゼンテーションにビデオ（ビデオオブジェクト）を追加できるように、Aspose.Slides はVideoクラス、VideoFrameクラス、その他の関連型を提供しています。

埋め込みビデオフレームの作成

スライドに追加したいビデオファイルがローカルに保存されている場合、プレゼンテーションにビデオを埋め込むビデオフレームを作成できます。

Presentationクラスのインスタンスを作成します。
インデックスを使用してスライドの参照を取得します。
Videoオブジェクトを追加し、ビデオファイルのパスを渡してプレゼンテーションにビデオを埋め込みます。
VideoFrameオブジェクトを追加してビデオ用のフレームを作成します。
変更されたプレゼンテーションを保存します。

この JavaScript コードは、ローカルに保存されたビデオをプレゼンテーションに追加する方法を示しています：

// Presentation クラスのインスタンスを作成します
var pres = new aspose.slides.Presentation("pres.pptx");
try {
    // ビデオを読み込みます
    var fileStream = java.newInstanceSync("java.io.FileInputStream", "Wildlife.mp4");
    var video = pres.getVideos().addVideo(fileStream, aspose.slides.LoadingStreamBehavior.KeepLocked);
    // 最初のスライドを取得し、ビデオフレームを追加します
    pres.getSlides().get_Item(0).getShapes().addVideoFrame(10, 10, 150, 250, video);
    // プレゼンテーションをディスクに保存します
    pres.save("pres-with-video.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

あるいは、ファイルパスを直接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();
    }
}

Web ソースからのビデオを使用したビデオフレームの作成

Microsoft PowerPoint 2013 以降は、プレゼンテーションで YouTube ビデオをサポートしています。使用したいビデオがオンライン（例: YouTube）にある場合、そのウェブリンクを介してプレゼンテーションに追加できます。

Presentationクラスのインスタンスを作成します。
インデックスを使用してスライドの参照を取得します。
Videoオブジェクトを追加し、ビデオへのリンクを渡します。
ビデオフレームのサムネイルを設定します。
プレゼンテーションを保存します。

この JavaScript コードは、Web からビデオを取得して PowerPoint プレゼンテーションのスライドに追加する方法を示しています：

// プレゼンテーション ファイルを表す Presentation オブジェクトのインスタンスを作成します
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);
        });
    });
}

ビデオキャプションの管理

Aspose.Slides は、PowerPoint プレゼンテーションのビデオフレームに対してクローズドキャプションを管理できるようにします。キャプションは WebVTT 形式で保存され、VideoFrame.getCaptionTracksメソッドで取得できます。

ビデオフレームにキャプションを追加する

ビデオフレームにキャプションを追加するには：

Presentationクラスのインスタンスを作成します。
プレゼンテーションにビデオを追加します。
スライドにVideoFrameオブジェクトを追加します。
CaptionsCollectionコレクションを使用して WebVTT キャプショントラックを追加します。
変更されたプレゼンテーションを保存します。

次のコードは、ビデオフレームにキャプションを追加する方法を示しています：

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);

    // WebVTT ファイルから新しいキャプショントラックを追加します。
    videoFrame.getCaptionTracks().add("English", "track.vtt");

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

CaptionsCollectionクラスは、ストリームからキャプションを追加できるaddFromStreamメソッドも提供しています。

ビデオフレームからキャプションを抽出する

ビデオフレームからキャプションを抽出するには：

ビデオを含むプレゼンテーションをロードします。
対象のVideoFrameオブジェクトを見つけます。
CaptionsCollectionコレクションを列挙します。
各キャプショントラックを.vttファイルに保存します。

次のコードは、ビデオフレームからキャプションを抽出する方法を示しています：

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);
                // キャプショントラックを WebVTT ファイルに保存します。
                let filePath = captionTrack.getCaptionId() + ".vtt";
                let captionData = Buffer.from(captionTrack.getBinaryData());
                fs.writeFileSync(filePath, captionData);
            }
        }
    }
} finally {
    presentation.dispose();
}

各Captionsオブジェクトは、キャプション識別子、ラベル、バイナリデータ、および UTF-8 文字列としてのキャプションテキストを提供します。

ビデオフレームからキャプションを削除する

ビデオフレームからキャプションを削除するには：

ビデオを含むプレゼンテーションをロードします。
対象のVideoFrameオブジェクトを取得します。
CaptionsCollectionコレクションからキャプショントラックを削除します。
変更されたプレゼンテーションを保存します。

次のコードは、ビデオフレームからすべてのキャプションを削除する方法を示しています：

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); // 型: com.aspose.slides.VideoFrame

    // ビデオフレームからすべてのキャプションを削除します。
    videoFrame.getCaptionTracks().clear();

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

1 つのキャプショントラックだけを削除する必要がある場合は、clearの代わりにremoveまたはremoveAtメソッドを使用してください。

スライドからビデオを抽出する

スライドにビデオを追加するだけでなく、Aspose.Slides はプレゼンテーションに埋め込まれたビデオを抽出することも可能です。

ビデオを含むプレゼンテーションをロードするためにPresentationクラスのインスタンスを作成します。
すべてのSlideオブジェクトを列挙します。
すべてのShapeオブジェクトを列挙してVideoFrameを見つけます。
ビデオをディスクに保存します。

この JavaScript コードは、プレゼンテーションスライドからビデオを抽出する方法を示しています：

// プレゼンテーション ファイルを表す Presentation オブジェクトのインスタンスを作成します
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);
                // ファイル拡張子を取得します
                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();
    }
}

よくある質問

VideoFrame の再生パラメータで変更できるものは何ですか？

再生モード（自動またはクリック時）およびループ設定を制御できます。これらのオプションは VideoFrame オブジェクトのプロパティで利用可能です。

ビデオを追加すると PPTX ファイルのサイズは変わりますか？

はい。ローカルビデオを埋め込むと、バイナリデータがドキュメントに含まれるため、プレゼンテーションのサイズはファイルサイズに比例して増加します。オンラインビデオを追加する場合は、リンクとサムネイルが埋め込まれるだけなので、サイズ増加は小さくなります。

既存の VideoFrame のビデオを、位置やサイズを変更せずに差し替えることはできますか？

はい。フレーム内のビデオコンテンツを置き換えても、シェイプの形状は保持されます。これは既存のレイアウトでメディアを更新する一般的なシナリオです。

埋め込みビデオのコンテンツタイプ（MIME）を取得できますか？

はい。埋め込みビデオにはコンテンツタイプがあり、取得して使用できます。たとえばディスクに保存する際などに利用できます。

プレゼンテーションビューア