html多媒體元素基本屬性

ideo元素與audio元素所具有的屬性大致相同，

下面來(lái)看一下這兩個(gè)元素都具有哪些屬性。

　src屬性和autoplay屬性

src屬性用于指定媒體數(shù)據(jù)的URL地址。

autoplay屬性用于指定媒體是否在頁(yè)面加載后自動(dòng)播放，使用方法如下。

在文件中創(chuàng)建多媒體元素<video>，并在元素的src屬性中，

設(shè)置播放的視頻文件的URL地址，并設(shè)置頁(yè)面加載完成后自動(dòng)播放這個(gè)文件。代碼如下。

<!DOCTYPE HTML>

<html>

<head>

<title>使用多媒體元素播放文件</title>

</head>

<body>

你的瀏覽器不支持視頻

</video>

</body>

</html>

　perload屬性

perload屬性用于指定視頻或音頻數(shù)據(jù)是否預(yù)加載。如果使用預(yù)加載，

則瀏覽器會(huì)預(yù)先將視頻或音頻數(shù)據(jù)進(jìn)行緩沖，這樣可以加快播放速度，

因?yàn)椴シ艜r(shí)數(shù)據(jù)已經(jīng)預(yù)先緩沖完畢。

該屬性有3個(gè)可選值，分別是none、metadata和auto，其默認(rèn)值為auto。

　none值表示不進(jìn)行預(yù)加載。

　metadata表示只預(yù)加載媒體的元數(shù)據(jù)（媒體字節(jié)數(shù)、第一幀、播放列表、持續(xù)時(shí)間等）。

　auto表示預(yù)加載全部視頻或音頻。

該屬性的使用方法如下。

　poster（video元素獨(dú)有屬性）和loop屬性

當(dāng)視頻不可用時(shí)，可以使用該元素向用戶展示一幅替代用的圖片。當(dāng)視頻不可用時(shí)，

最好使用poster屬性，以免展示視頻的區(qū)域中出現(xiàn)一片空白。

該屬性的使用方法如下。

在文件中創(chuàng)建一個(gè)video元素，為video元素設(shè)置poster屬性，并選取一幅圖片作為該屬性的值。代碼如下。

<html>

<head>

<title>設(shè)置video 元素的poster 屬性</title>

</head>

<body>

你的瀏覽器不支持視頻

</video>

</body>

</html>

運(yùn)行實(shí)例，在播放視頻文件之前，在視頻播放區(qū)域中首先將顯示poster屬性指定的圖片，

loop屬性用于指定是否循環(huán)播放視頻或音頻，

其使用方法如下。

　controls屬性、width屬性和height屬性（后兩個(gè)是video元素獨(dú)有屬性）

controls屬性指定是否為視頻或音頻添加瀏覽器自帶的播放用的控制條。

控制條中具有播放、暫停等按鈕。其使用方法如下。

說(shuō)明

開(kāi)發(fā)者也可以在腳本中自定義控制條，而不使用瀏覽器默認(rèn)的控制條。

width屬性與height屬性用于指定視頻的寬度與高度（以像素為單位），

使用方法如下。

在文件中創(chuàng)建一個(gè)video元素，首先在元素的src屬性中設(shè)置需要播放的視頻文件，

然后分別設(shè)置video元素的寬度與高度。代碼如下。

<html>

<head>

<title>設(shè)置video 元素的大小</title>

</head>

<body>

你的瀏覽器不支持視頻

</video>

</body>

</html>

　error屬性

在讀取、使用媒體數(shù)據(jù)的過(guò)程中，正常情況下該屬性為null，

但是任何時(shí)候只要出現(xiàn)錯(cuò)誤，該屬性將返回一個(gè)MediaError對(duì)象，

該對(duì)象的code屬性返回對(duì)應(yīng)的錯(cuò)誤狀態(tài)碼，其可能的值如下。

　MEDIA_ERR_ABORTED（數(shù)值1）：媒體數(shù)據(jù)的下載過(guò)程由于用戶的操作而被終止。

　MEDIA_ERR_NETWORK（數(shù)值2）：確認(rèn)媒體資源可用，但是在下載時(shí)出現(xiàn)網(wǎng)絡(luò)錯(cuò)誤，媒體數(shù)據(jù)的下載過(guò)程被終止。

　MEDIA_ERR_DECODE(數(shù)值3）：確認(rèn)媒體資源可用，但是解碼時(shí)發(fā)生錯(cuò)誤。

　MEDIA_ERR_SRC_NOT_SUPPORTED（數(shù)值4）：媒體資源不可用，媒體格式不被支持。

error屬性為只讀屬性。

　networkState屬性

該屬性在媒體數(shù)據(jù)加載過(guò)程中讀取當(dāng)前網(wǎng)絡(luò)的狀態(tài)，其值如下。

　NETWORK_EMPTY（數(shù)值0）：元素處于初始狀態(tài)。

　NETWORK_IDLE（數(shù)值1）：瀏覽器已選擇好用什么編碼格式來(lái)播放媒體，但尚未建立網(wǎng)絡(luò)連接。

　NETWORK_LOADING（數(shù)值2）：媒體數(shù)據(jù)加載中。

　NETWORK_NO_SOURCE（數(shù)值3）：沒(méi)有支持的編碼格式，不執(zhí)行加載。

networkState屬性為只讀屬性，讀取網(wǎng)絡(luò)狀態(tài)的實(shí)例代碼如下。

　currentSrc屬性、buffered屬性

可以用currentSrc屬性來(lái)讀取播放中的媒體數(shù)據(jù)的URL地址，該屬性為只讀屬性。

最靠譜的WEB前端教程——整整140集，全程干貨無(wú)廢話，學(xué)完變大佬！

放內(nèi)存中的音樂(lè)

    QFile read("./music/Nevada.mp3");
    if (!read.open(QIODevice::ReadOnly))
    {
        qDebug() << "文件打開(kāi)失敗，請(qǐng)重試~";
    }
    //下面用的對(duì)象，必須動(dòng)態(tài)申請(qǐng)，不然構(gòu)造函數(shù)執(zhí)行完畢，局部變量?jī)?nèi)存會(huì)被釋放
    QByteArray *data = new QByteArray(read.readAll());
    read.close();

    QBuffer *buffer = new QBuffer(data，this);
    if (!buffer->open(QIODevice::ReadWrite))
    {
        qDebug() << "buffer error";
    }
    //qDebug() << data;
    QMediaPlayer *player = new QMediaPlayer(this);
    player->setMedia(QMediaContent()，buffer);
    player->play();

播放內(nèi)存中的視頻

    QMediaPlayer *player = new QMediaPlayer(this);
    player->setMedia(QUrl("./music/MMD.mp4"));
    player->play();
?
    QVideoWidget* videowidget = new QVideoWidget(this);
    player->setVideoOutput(videowidget);

vs中如果提示編譯器堆空間不足，則打開(kāi)vcxproj工程文件，在PropertyGroup中添加如下代碼

<PropertyGroup Label="Globals">
    <!-- 資源文件加載，防止編譯器堆空間不足 -->
     <PreferredToolArchitecture>x64</PreferredToolArchitecture> 
</PropertyGroup>

【領(lǐng)QT開(kāi)發(fā)教程學(xué)習(xí)資料，點(diǎn)擊下方鏈接免費(fèi)領(lǐng)取↓↓，先碼住不迷路~】

點(diǎn)擊→領(lǐng)取「鏈接」

音視頻播放

播放音頻

在Qt中，要想使計(jì)算機(jī)發(fā)出響聲，最簡(jiǎn)單的方法是調(diào)用QApplication : : beep()靜態(tài)函數(shù)。而Qt Multimedia模塊中提供了多個(gè)類來(lái)實(shí)現(xiàn)不同層次的音頻輸入，輸出和處理。

QSound

QSound類提供了播放.wav聲音文件的方法。

Qt 提供了 GUI 應(yīng)用程序中最常用的音頻操作：異步播放聲音文件。使用靜態(tài) play() 函數(shù)最容易做到這一點(diǎn)：

 QSound::play("mysounds/bells.wav");

或者，首先從聲音文件創(chuàng)建一個(gè) QSound 對(duì)象，然后調(diào)用 play() 槽：

  QSound bells("mysounds/bells.wav");
  bells.play();

在這兩種情況下，文件可能是本地文件或資源中的文件。

一旦創(chuàng)建了 QSound 對(duì)象，就可以查詢它的 fileName() 和 loops() 總數(shù)（即聲音播放的次數(shù)）。可以使用 setLoops() 函數(shù)更改重復(fù)次數(shù)。播放聲音時(shí)，loopsRemaining() 函數(shù)返回剩余的重復(fù)次數(shù)。使用 isFinished() 函數(shù)來(lái)確定聲音是否播放完畢。

使用 QSound 對(duì)象播放的聲音可能會(huì)比靜態(tài) play() 函數(shù)使用更多的內(nèi)存，但它也可能播放得更快（取決于底層平臺(tái)的音頻設(shè)施）。

如果您需要更好地控制播放聲音，請(qǐng)考慮 QSoundEffect 或 QAudioOutput 類。

Public Functions

QSound(const QString &filename, QObject *parent = nullptr)
virtual ~QSound()
QString fileName() const
bool isFinished() const
int loops() const
int loopsRemaining() const
void setLoops(int number)

Slots

void play()
void stop()

Static Public Members

void play(const QString &filename)

QSoundEffect

QSoundEffect類提供了一種播放低延遲聲音效果的方法。

這個(gè)類允許你以較低的延遲方式播放未壓縮的音頻文件(通常是WAV文件)，并且適用于“反饋”類型的聲音，以響應(yīng)用戶的動(dòng)作(例如虛擬鍵盤聲音，彈出對(duì)話框的正面或負(fù)面反饋，或游戲聲音)。如果低延遲不重要，可以考慮使用QMediaPlayer類，因?yàn)樗С指鼜V泛的媒體格式，并且資源消耗更少。

看個(gè)例子：

QSoundEffect effect;
effect.setSource(QUrl::fromLocalFile("F:/MyCode/QtObjectCode/QtCourse/soundeffect/video_call.wav"));
effect.setLoopCount(QSoundEffect::Infinite);
effect.setVolume(0.8f);
effect.play();

通常應(yīng)該重用音效，這樣可以提前完成所有解析和準(zhǔn)備工作，并且只在必要時(shí)觸發(fā)。這有助于降低延遲音頻播放。

class MyGame
{
public:
  MyGame(): m_videoCall(this)
  {
      m_videoCall.setSource(QUrl::fromLocalFile("video_call.wav"));
      m_videoCall.setVolume(0.25f);
?
      // Set up click handling etc.
      connect(clickSource, &QPushButton::clicked, &m_videoCall, &QSoundEffect::play);
  }
private:
  QSoundEffect m_videoCall;
}

由于QSoundEffect需要更多的資源來(lái)實(shí)現(xiàn)較低的延遲播放，平臺(tái)可能會(huì)限制同時(shí)播放聲音效果的數(shù)量。

【領(lǐng)QT開(kāi)發(fā)教程學(xué)習(xí)資料，點(diǎn)擊下方鏈接免費(fèi)領(lǐng)取↓↓，先碼住不迷路~】

點(diǎn)擊→領(lǐng)取「鏈接」

Public Functions

設(shè)置

//設(shè)置源(wav文件路徑)
void setSource(const QUrl &url)
//設(shè)置循環(huán)次數(shù)  
void setLoopCount(int loopCount)
//設(shè)置靜音
void setMuted(bool muted)
//設(shè)置音量0~1之間
void setVolume(qreal volume)

判斷

//音效是否加載完畢
bool isLoaded() const
//是否是靜音    
bool isMuted() const
//是否正在播放    
bool isPlaying() const

Slots

void play() //播放
void stop() //停止

Signals

void categoryChanged()
void loadedChanged()
void loopCountChanged()
void loopsRemainingChanged()
void mutedChanged()
void playingChanged()
void sourceChanged()
void statusChanged()
void volumeChanged()

枚舉

QSoundEffect::Status

枚舉	描述
QSoundEffect::Null	未設(shè)置源或源為空。
QSoundEffect::Loading	SoundEffect 正在嘗試加載源。
QSoundEffect::Ready	源已加載并準(zhǔn)備好播放。
QSoundEffect::Error	運(yùn)行過(guò)程中出現(xiàn)錯(cuò)誤，例如加載源失敗。

QMediaPlayer

QMediaPlayer類是一個(gè)高級(jí)媒體播放類。它可以用來(lái)播放歌曲、電影和網(wǎng)絡(luò)廣播等內(nèi)容。要播放的內(nèi)容被指定為QMediaContent對(duì)象，可以將其視為附加了附加信息的主要或規(guī)范URL。當(dāng)提供QMediaContent時(shí)，可以開(kāi)始播放。

QMediaPlayer player;
player.setMedia(QUrl::fromLocalFile("F:/MyCode/QtObjectCode/QtCourse/soundeffect/That-Girl.mp3"));
player.setVolume(50);
player.play();

QVideoWidget可以與QMediaPlayer一起用于視頻渲染，QMediaPlaylist用于訪問(wèn)播放列表功能。

QVideoWidget wid;
wid.show();
?
QMediaPlaylist playList;
playList.addMedia(QUrl::fromLocalFile("F:/MyCode/QtObjectCode/QtCourse/soundeffect/That-Girl.mp3"));
playList.addMedia(QUrl::fromLocalFile("F:/MyCode/QtObjectCode/QtCourse/soundeffect/干坤坤.mp4"));
?
QMediaPlayer player;
player.setPlaylist(&playList);
//player.setMedia(QUrl::fromLocalFile("F:/MyCode/QtObjectCode/QtCourse/soundeffect/That-Girl.mp3"));
player.setVolume(50);
playList.next();
player.setVideoOutput(&wid);
player.play();

Public Functions

//該值是當(dāng)前媒體的總播放時(shí)間，以毫秒為單位。 該值可能在QMediaPlayer對(duì)象的生命周期中發(fā)生變化，并且可能在初始回放開(kāi)始時(shí)不可用，請(qǐng)連接到durationChanged()信號(hào)來(lái)接收狀態(tài)通知。  
qint64 duration() const
//將QVideoWidget視頻輸出附加到媒體播放器。  
void setVideoOutput(QVideoWidget *output)
void setVideoOutput(QGraphicsVideoItem *output)
void setVideoOutput(QAbstractVideoSurface *surface)

Public Slots

//暫停播放當(dāng)前源
void pause()    
//開(kāi)始或恢復(fù)播放當(dāng)前源    
void play()
//設(shè)置當(dāng)前媒體源。 使用mediaStatusChanged()和error()信號(hào)，以便在加載媒體和加載過(guò)程中發(fā)生錯(cuò)誤時(shí)得到通知      
void setMedia(const QMediaContent &media, QIODevice *stream = nullptr)
//設(shè)置靜音    
void setMuted(bool muted)
//設(shè)置倍速播放
void setPlaybackRate(qreal rate)
//設(shè)置播放列表    
void setPlaylist(QMediaPlaylist *playlist)
//設(shè)置播放位置，以媒體開(kāi)始后的毫秒數(shù)為單位。 位置的周期性變化將用信號(hào)positionChanged()表示，更新間隔可以用QMediaObject的方法setNotifyInterval()設(shè)置。    
void setPosition(qint64 position)
//此屬性保存當(dāng)前播放音量。  播放音量是線性縮放的，從0(靜音)到100(全音量)。默認(rèn)為100      
void setVolume(int volume)
//停止播放，并將播放位置重置到開(kāi)始    
void stop()

Signals

//表示當(dāng)前播放內(nèi)容已更改為media。  
void currentMediaChanged(const QMediaContent &media)
//表示內(nèi)容的持續(xù)時(shí)間已更改為持續(xù)時(shí)間，以毫秒表示。  
void durationChanged(qint64 duration)    
//產(chǎn)生了錯(cuò)誤
void error(QMediaPlayer::Error error)
//表示媒體來(lái)源已轉(zhuǎn)變?yōu)閙edia。      
void mediaChanged(const QMediaContent &media)
//表示當(dāng)前媒體的狀態(tài)已經(jīng)改變    
void mediaStatusChanged(QMediaPlayer::MediaStatus status)
//靜音狀態(tài)改變  
void mutedChanged(bool muted)
//播放速率改變
void playbackRateChanged(qreal rate)
//播放位置改變    
void positionChanged(qint64 position)
//表示播放器對(duì)象的狀態(tài)已經(jīng)改變。  
void stateChanged(QMediaPlayer::State state)
//音量改變
void volumeChanged(int volume)

枚舉

(enum QMediaPlayer::Error)媒體播放器產(chǎn)生的具體錯(cuò)誤。

枚舉	描述
MediaPlayer::NoError	沒(méi)有錯(cuò)誤發(fā)生
QMediaPlayer::ResourceError	無(wú)法解析媒體源
QMediaPlayer::FormatError	媒體資源的格式不受(完全)支持。重新播放是可能的，但沒(méi)有音頻或視頻組件。
QMediaPlayer::NetworkError	網(wǎng)絡(luò)錯(cuò)誤
QMediaPlayer::AccessDeniedError	沒(méi)有播放媒體資源的適當(dāng)權(quán)限。
QMediaPlayer::ServiceMissingError	找不到有效的播放服務(wù)，無(wú)法繼續(xù)播放。

(enum QMediaPlayer::Flag)播放標(biāo)志。

枚舉	描述
QMediaPlayer::LowLatency	該播放器預(yù)計(jì)將用于簡(jiǎn)單的音頻格式，播放沒(méi)有明顯的延遲。這種回放服務(wù)可以用于蜂鳴聲、鈴聲等。
QMediaPlayer::StreamPlayback	該播放器預(yù)計(jì)將播放基于QIODevice的流。如果傳遞給QMediaPlayer構(gòu)造器，將選擇支持流回放的服務(wù)。
QMediaPlayer::VideoSurface	期望播放器能夠呈現(xiàn)為QAbstractVideoSurface輸出。

(enum QMediaPlayer::MediaStatus)定義媒體播放器當(dāng)前媒體的狀態(tài)。

枚舉	描述
QMediaPlayer::UnknownMediaStatus	無(wú)法確定媒體的狀態(tài)。
QMediaPlayer::NoMedia	沒(méi)有當(dāng)前的媒體。播放器處于停止?fàn)顟B(tài)。
QMediaPlayer::LoadingMedia	當(dāng)前媒體正在加載中。播放器可能處于任何狀態(tài)。
QMediaPlayer::LoadedMedia	已加載當(dāng)前媒體。播放器處于停止?fàn)顟B(tài)。
QMediaPlayer::StalledMedia	由于緩沖不足或其他一些臨時(shí)中斷，當(dāng)前媒體的播放已停止。播放器處于PlayingState或PausedState
QMediaPlayer::BufferingMedia	播放器正在緩沖數(shù)據(jù)，但緩沖了足夠的數(shù)據(jù)以供播放。播放器處于PlayingState或PausedState。
QMediaPlayer::BufferedMedia	播放器已經(jīng)完全緩沖了當(dāng)前的媒體。播放器處于PlayingState或PausedState。
QMediaPlayer::EndOfMedia	播放已經(jīng)結(jié)束。播放器處于停止?fàn)顟B(tài)。
QMediaPlayer::InvalidMedia	當(dāng)前媒體無(wú)法播放。播放器處于停止?fàn)顟B(tài)。

(enum QMediaPlayer::State)媒體播放器的當(dāng)前狀態(tài)。

枚舉	描述
QMediaPlayer::StoppedState	播放停止?fàn)顟B(tài)
QMediaPlayer::PlayingState	播放進(jìn)行狀態(tài)
QMediaPlayer::PausedState	播放暫停狀態(tài)

QMediaPlaylist

QMediaPlaylist類提供了要播放的媒體內(nèi)容列表。

QMediaPlaylist旨在與其他媒體對(duì)象一起使用，如QMediaPlayer。

QMediaPlaylist允許訪問(wèn)服務(wù)固有的播放列表功能(如果可用的話)，否則它提供本地內(nèi)存播放列表實(shí)現(xiàn)。

  playlist = new QMediaPlaylist;
  playlist->addMedia(QUrl("http://example.com/movie1.mp4"));
  playlist->addMedia(QUrl("http://example.com/movie2.mp4"));
  playlist->addMedia(QUrl("http://example.com/movie3.mp4"));
  playlist->setCurrentIndex(1);
?
  player = new QMediaPlayer;
  player->setPlaylist(playlist);
?
  videoWidget = new QVideoWidget;
  player->setVideoOutput(videoWidget);
  videoWidget->show();
?
  player->play();

根據(jù)播放列表源代碼的實(shí)現(xiàn)，大多數(shù)播放列表更改操作可以是異步的。

【領(lǐng)QT開(kāi)發(fā)教程學(xué)習(xí)資料，點(diǎn)擊下方鏈接免費(fèi)領(lǐng)取↓↓，先碼住不迷路~】

點(diǎn)擊→領(lǐng)取「鏈接」

Public Functions

構(gòu)造與析構(gòu)

QMediaPlaylist(QObject *parent = nullptr)
virtual ~QMediaPlaylist()

添加/移除/清空媒體

bool addMedia(const QMediaContent &content)
bool addMedia(const QList<QMediaContent> &items)
    
bool insertMedia(int pos, const QMediaContent &content)
bool insertMedia(int pos, const QList<QMediaContent> &items)    
    
bool removeMedia(int pos)
bool removeMedia(int start, int end)

bool clear()

保存/加載播放列表

bool save(const QUrl &location, const char *format = nullptr)
bool save(QIODevice *device, const char *format)

void load(const QNetworkRequest &request, const char *format = nullptr)
void load(const QUrl &location, const char *format = nullptr)
void load(QIODevice *device, const char *format = nullptr)

獲取播放內(nèi)容

int currentIndex() const
QMediaContent currentMedia() const

QMediaContent media(int index) const
int nextIndex(int steps = 1) const 
int previousIndex(int steps = 1) const
    
int mediaCount() const

操作播放列表

bool moveMedia(int from, int to)
void setPlaybackMode(QMediaPlaylist::PlaybackMode mode)

其他

QMediaPlaylist::Error error() const
QString errorString() const
    
bool isEmpty() const
bool isReadOnly() const

slots

void next()
void previous()
void setCurrentIndex(int playlistPosition)
void shuffle()

signals

void currentIndexChanged(int position)
void currentMediaChanged(const QMediaContent &content)
void loadFailed()
void loaded()
void mediaAboutToBeInserted(int start, int end)
void mediaAboutToBeRemoved(int start, int end)
void mediaChanged(int start, int end)
void mediaInserted(int start, int end)
void mediaRemoved(int start, int end)
void playbackModeChanged(QMediaPlaylist::PlaybackMode mode)

枚舉

(enum QMediaPlaylist::Error)QMediaPlaylist錯(cuò)誤碼。

枚舉	描述
QMediaPlaylist::NoError	沒(méi)有錯(cuò)誤
QMediaPlaylist::FormatError	格式錯(cuò)誤
QMediaPlaylist::FormatNotSupportedError	格式不支持
QMediaPlaylist::NetworkError	網(wǎng)絡(luò)錯(cuò)誤
QMediaPlaylist::AccessDeniedError	訪問(wèn)錯(cuò)誤(拒絕訪問(wèn))

(enum QMediaPlaylist::PlaybackMode)描述了播放列表中的播放順序。

枚舉	描述
QMediaPlaylist::CurrentItemOnce	單曲播放一次
QMediaPlaylist::CurrentItemInLoop	單曲循環(huán)
QMediaPlaylist::Sequential	順序播放(列表播放完結(jié)束)
QMediaPlaylist::Loop	列表循環(huán)(列表播放完，從頭開(kāi)始繼續(xù)播放)
QMediaPlaylist::Random	隨機(jī)播放

QMediaContent

QMediaContent類提供對(duì)與媒體內(nèi)容相關(guān)的資源的訪問(wèn)。

QMediaContent在多媒體框架內(nèi)用作媒體內(nèi)容的邏輯句柄。一個(gè)QMediaContent對(duì)象包含一個(gè)QNetworkRequest，它提供了內(nèi)容的URL。

非空QMediaContent將始終具有對(duì)通過(guò)request()方法可用的內(nèi)容的引用。

另外，QMediaContent可以表示播放列表，并包含指向有效QMediaPlaylist對(duì)象的指針。在這種情況下URL是可選的，可以是空的，也可以指向播放列表的URL。

Public Functions

QMediaContent(QMediaPlaylist *playlist, const QUrl &contentUrl = QUrl(), bool takeOwnership = false)
QMediaContent(const QMediaContent &other)
QMediaContent(const QNetworkRequest &request)
QMediaContent(const QUrl &url)
QMediaContent()
QMediaContent &operator=(const QMediaContent &other)
~QMediaContent()
bool isNull() const
QMediaPlaylist *playlist() const
QNetworkRequest request() const
bool operator!=(const QMediaContent &other) const
bool operator==(const QMediaContent &other) const

視頻播放

QMediaPlayer

QMediaPlayer類可用來(lái)播放視頻，只不過(guò)需要搭配專門的視頻顯示控件來(lái)使用。

針對(duì)視頻播放的函數(shù)

void setVideoOutput(QVideoWidget *output)
void setVideoOutput(QGraphicsVideoItem *output)
    
//當(dāng)前媒體的視頻是否可用，如果可用，可以使用QVideoWidget類來(lái)查看視頻。
bool isVideoAvailable() const

QVideoWidget

需包含模塊multimediawidgets

QVideoWidget類提供了一個(gè)小部件，用于呈現(xiàn)由媒體對(duì)象生成的視頻。

將 QVideoWidget 附加到 QMediaObject 允許它顯示該媒體對(duì)象的視頻或圖像輸出。 QVideoWidget 通過(guò)在其構(gòu)造函數(shù)中傳遞指向 QMediaObject 的指針附加到媒體對(duì)象，并通過(guò)銷毀 QVideoWidget 來(lái)分離。

  player = new QMediaPlayer;
?
  playlist = new QMediaPlaylist(player);
  playlist->addMedia(QUrl("http://example.com/myclip1.mp4"));
  playlist->addMedia(QUrl("http://example.com/myclip2.mp4"));
?
  videoWidget = new QVideoWidget;
  player->setVideoOutput(videoWidget);
?
  videoWidget->show();
  playlist->setCurrentIndex(1);
  player->play();

注意：一次只能將一個(gè)顯示輸出附加到媒體對(duì)象。

Public Functions

QVideoWidget(QWidget *parent = nullptr)
virtual ~QVideoWidget()
    
Qt::AspectRatioMode aspectRatioMode() const
int brightness() const      //亮度
int contrast() const        //對(duì)比度
int hue() const             //色調(diào)
bool isFullScreen() const   //是否全屏
int saturation() const      //飽和度

Slots

//設(shè)置視頻縮放時(shí)，寬度和高度的變化模式
void setAspectRatioMode(Qt::AspectRatioMode mode)
//調(diào)整顯示視頻的亮度。有效亮度值范圍在 -100 到 100 之間，默認(rèn)值為 0。    
void setBrightness(int brightness)
//調(diào)整顯示的視頻的對(duì)比度。有效對(duì)比度值范圍在-100到100之間，默認(rèn)值為0。     
void setContrast(int contrast)
//調(diào)整顯示視頻的色調(diào)。有效的色調(diào)值范圍在 -100 到 100 之間，默認(rèn)值為 0。    
void setHue(int hue)
//調(diào)整顯示視頻的飽和度。 有效的飽和度值范圍在-100到100之間，默認(rèn)值是0。
void setSaturation(int saturation)    
//設(shè)置窗口全屏顯示    
void setFullScreen(bool fullScreen)

Signals

//亮度改變
void brightnessChanged(int brightness)
//對(duì)比度改變    
void contrastChanged(int contrast)
//是否全屏狀態(tài)改變    
void fullScreenChanged(bool fullScreen)
//飽和度改變    
void saturationChanged(int saturation)
//色調(diào)改變    
void hueChanged(int hue)

https://www.cnblogs.com/lxuechao/p/12677357.html

攝像機(jī)

QCameraInfo

QCameraInfo 類提供有關(guān)相機(jī)設(shè)備的一般信息。

QCameraInfo 允許您查詢系統(tǒng)上當(dāng)前可用的相機(jī)設(shè)備。

靜態(tài)函數(shù) defaultCamera() 和 availableCameras() 為您提供所有可用相機(jī)的列表。

此示例打印所有可用相機(jī)的名稱：

 const QList<QCameraInfo> cameras = QCameraInfo::availableCameras();
 for (const QCameraInfo &cameraInfo : cameras)
     qDebug() << cameraInfo.deviceName();

一個(gè)QCameraInfo可以用來(lái)構(gòu)造一個(gè)QCamera。下面的例子實(shí)例化所有可用相機(jī)設(shè)備中第一個(gè)相機(jī)設(shè)備QCamera:

  const QList<QCameraInfo> cameras = QCameraInfo::availableCameras();
  camera = new QCamera(cameras.first());

你也可以使用QCameraInfo來(lái)獲得一個(gè)相機(jī)設(shè)備的一般信息，例如描述，在系統(tǒng)上的物理位置，或相機(jī)傳感器的方向。

 QCamera myCamera;
  QCameraInfo cameraInfo(myCamera);
?
  if (cameraInfo.position() == QCamera::FrontFace)
      qDebug() << "攝像頭位于硬件系統(tǒng)的正面。";
  else if (cameraInfo.position() == QCamera::BackFace)
      qDebug() << "攝像頭位于硬件系統(tǒng)的背面。";
?
  qDebug() << "相機(jī)傳感器方向是 " << cameraInfo.orientation() << " 度.";

QCamera

QCamera類為系統(tǒng)攝像機(jī)設(shè)備提供接口。

QCamera可以與QCameraViewfinder一起使用，用于取景器顯示，QMediaRecorder用于視頻錄制，QCameraImageCapture用于圖像拍攝。

你可以使用QCameraInfo列出可用的相機(jī)并選擇使用哪一個(gè)。

Public Functions

設(shè)置捕獲模式

QCamera::CaptureModes captureMode() const
void setCaptureMode(QCamera::CaptureModes mode)

設(shè)置取景器

void setViewfinder(QVideoWidget *viewfinder)
void setViewfinder(QGraphicsVideoItem *viewfinder)

枚舉

QCamera::CaptureMode

捕獲模式

枚舉	描述
QCamera::CaptureViewfinder	取景器模式，只是簡(jiǎn)單的顯示
QCamera::CaptureStillImage	幀捕獲模式，比如：拍照
QCamera::CaptureVideo	視頻捕獲模式，比如：錄制視頻

在多個(gè)HTML頁(yè)面之間切換時(shí)持續(xù)播放背景音樂(lè)，可以使用JavaScript和localStorage來(lái)實(shí)現(xiàn)。這里有一個(gè)簡(jiǎn)單的實(shí)現(xiàn)方案：

創(chuàng)建一個(gè)隱藏的音頻播放器: 在每個(gè)HTML頁(yè)面的<body>標(biāo)簽內(nèi)添加一個(gè)隱藏的音頻標(biāo)簽，并設(shè)置自動(dòng)播放和循環(huán)播放屬性。

使用JavaScript控制音頻狀態(tài): 當(dāng)頁(yè)面加載時(shí)，檢查localStorage中是否有音樂(lè)正在播放的狀態(tài)，如果有，則恢復(fù)播放。同時(shí)，當(dāng)頁(yè)面離開(kāi)時(shí)，記錄音樂(lè)的播放狀態(tài)到localStorage。

下面是一個(gè)簡(jiǎn)化版的多頁(yè)面背景音樂(lè)連續(xù)播放的Demo示例。這個(gè)例子包含兩個(gè)HTML文件：index.html 和 page2.html。請(qǐng)確保你有相應(yīng)的音頻文件（如music.mp3）并放置在與HTML文件相同的目錄下。

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>首頁(yè)</title>
        <style>
            #backgroundMusic {
                display: none;
            }
        </style>
    </head>
    <body>
        <h1>首頁(yè)</h1>
        <p>這是首頁(yè)，背景音樂(lè)會(huì)持續(xù)播放。</p>
        <a href="page2.html">前往第二頁(yè)</a>

        <audio controls id="backgroundMusic" loop>
            <source src="https://img.mtsws.cn/LightPicture/2023/08/45f935a39d0189c0.mp3" type="audio/mpeg" />
            您的瀏覽器不支持 audio 元素。
        </audio>

        <script>
            document.addEventListener('DOMContentLoaded', function () {
                var audio = document.getElementById('backgroundMusic')
                setupMusic(audio)
            })

            function setupMusic(audio) {
                var musicTime = parseFloat(localStorage.getItem('musicTime')) || 0
                var isPlaying = localStorage.getItem('musicPlaying') === 'true'

                audio.currentTime = musicTime
                if (isPlaying) {
                    audio.play().catch(function (error) {
                        console.error('自動(dòng)播放被阻止:', error)
                    })
                }

                audio.onplay = function () {
                    localStorage.setItem('musicPlaying', true)
                }
                audio.onpause = function () {
                    localStorage.setItem('musicPlaying', false)
                }
                audio.ontimeupdate = function () {
                    localStorage.setItem('musicTime', audio.currentTime)
                }
            }
        </script>
    </body>
</html>

page2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第二頁(yè)</title>
    <style>
        #backgroundMusic { display: none; }
    </style>
</head>
<body>

<h1>第二頁(yè)</h1>
<p>切換到第二頁(yè)，背景音樂(lè)仍然連續(xù)播放。</p>
<a href="index.html">返回首頁(yè)</a>

<audio id="backgroundMusic" src="music.mp3" loop></audio>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var audio = document.getElementById('backgroundMusic');
        setupMusic(audio);
    });

    // 與index.html中相同的setupMusic函數(shù)，確保音樂(lè)播放邏輯一致
    function setupMusic(audio) {/*...函數(shù)內(nèi)容與上文相同...*/}
</script>
</body>
</html>

在這個(gè)示例中，index.html 和 page2.html 都包含了相同的JavaScript邏輯來(lái)管理背景音樂(lè)的播放狀態(tài)和時(shí)間。當(dāng)用戶在頁(yè)面間導(dǎo)航時(shí)，音樂(lè)將會(huì)無(wú)縫繼續(xù)播放，而不是重新開(kāi)始。請(qǐng)根據(jù)實(shí)際需要調(diào)整音頻文件路徑和其他細(xì)節(jié)。

在線咨詢

上一篇：分享一個(gè)可以查看全球的街景-實(shí)景地圖游覽的網(wǎng)址
下一篇：HTML｜CSS控制表格和列表自動(dòng)隱藏超出內(nèi)容

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

html多媒體元素基本屬性

放內(nèi)存中的音樂(lè)

播放內(nèi)存中的視頻

音視頻播放

播放音頻

QSound

Public Functions

Slots

Static Public Members

QSoundEffect

Public Functions

Slots

Signals

枚舉

QSoundEffect::Status

QMediaPlayer

Public Functions

Public Slots

Signals

枚舉

QMediaPlaylist

Public Functions

slots

signals

枚舉

QMediaContent

Public Functions

視頻播放

QMediaPlayer

QVideoWidget

Public Functions

Slots

Signals

攝像機(jī)

QCameraInfo

QCamera

Public Functions

枚舉

QCamera::CaptureMode

index.html

page2.html

您的項(xiàng)目需求