Skip to content

Philipp314/lyricsPPT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README


工具簡介

工具名稱: lyricsPPT

這是一個線上工具,讓使用者可以輕鬆快速地製作出精美的歌詞投影片。 無論是個人使用或是團體活動,都能提供更豐富的視覺效果。


訪問工具

  1. 打開您的網頁瀏覽器。
  2. 輸入以下連結來訪問 lyricsPPT 網頁: https://philipp314.github.io/lyricsPPT/main.html

基本使用方法

主界面介紹

一開始,您將看到四個主要按鈕:

  • 添加歌曲
  • 匯入
  • 匯出
  • 開始播放

添加歌曲

  1. 點擊「添加歌曲」按鈕。
  2. 您將看到一個表單,請輸入以下內容:
    • 歌曲名稱: 輸入歌曲的名稱。
    • 投影片背景連結: 提供背景圖片的 URL 連結。
    • 歌詞段落內容: 輸入歌詞段落。
  3. 點擊「添加歌曲段落」按鈕來增加更多的歌詞段落。
  4. 在每個段落的右側會有一個紅色的「X」按鈕,用於刪除該段落或整首歌曲。
  5. 您可以不斷重複以上步驟以添加多首歌曲和多個段落來製作所需的投影片。

匯入與匯出

  • 匯入: 點擊「匯入」按鈕可以選擇之前保存的檔案進行加載,方便繼續編輯或播放。由於 HTML 本身無法自動存檔,請確保先使用「匯出」功能保存您的檔案。
  • 匯出: 點擊「匯出」按鈕可以保存目前製作的檔案,方便下次繼續編輯或播放。請選擇合適的位置來保存檔案,以便以後使用。

開始播放

  1. 點擊「開始播放」按鈕,將彈出一個新的視窗來顯示投影片內容。您可以拖動該視窗到需要的位置。

    • 注意: 部分瀏覽器可能會阻止彈出視窗,請按照以下步驟允許彈出視窗:
      1. 查看瀏覽器地址欄旁邊是否有彈出視窗被阻止的提示。
      2. 點擊提示,並選擇允許彈出視窗。
      3. 重新整理頁面
      • 重要提示: 重新整理頁面將導致未保存的內容丟失,請務必先匯出保存您的檔案,再進行相關操作。
  2. 調整好彈出視窗後,原本的主頁面上將顯示所有歌曲及其各個段落的列表。

    • 點擊段落: 播放視窗將立即跳轉至相應的頁面。
    • 點擊歌名: 播放視窗將顯示無歌詞的空白頁面,用於過渡或其他需要。


附件

1. 如何取得背景圖片連結

方法一:使用瀏覽器右鍵選單取得圖片連結

  1. 打開網頁並找到圖片

    • 在瀏覽器中打開包含你想要用作背景圖片的網頁。
    • 確保圖片完整顯示在頁面上。
  2. 取得圖片連結

    • 將滑鼠移到圖片上,並右鍵點擊。
    • 在彈出的選單中,選擇 「複製圖片位址」「複製圖片 URL」

注意事項

  • 版權與授權:請確保你擁有使用該圖片的權限,避免侵權問題。
  • 網站限制:部分網站可能會禁止用戶進行右鍵操作或複製圖片連結。這通常是出於保護版權或防止內容被未經授權地使用。在這種情況下,你可能需要使用其他方法來獲取圖片,或使用其他圖片來源。

方法二:使用 Imgur 等工具上傳並取得圖片連結

  1. 上傳圖片到 Imgur

    • 打開 Imgur 網站,並登入你的帳戶(如果尚未註冊,可免費註冊一個)。
    • 點擊 「New Post」,然後選擇要上傳的圖片檔案。
  2. 取得圖片連結

    • 上傳完成後,Imgur 會生成一個圖片的公開連結。
    • 點擊 「Copy Link」 或手動複製圖片連結。

優點:Imgur 提供的連結通常都是永久有效的,非常適合長期使用。

方法三:使用 Craiyon 等工具生成圖片並取得連結

  1. 訪問 Craiyon

    • 打開 Craiyon 網站,這是一個可以在線生成圖片的工具(原 DALL-E Mini)。
  2. 生成圖片

    • 在 Craiyon 的界面上輸入你想要生成的圖片描述(例如:"sunset over a mountain range")。
    • 點擊 「Draw」 按鈕,等待圖片生成完成。
  3. 取得圖片連結

    • 生成的圖片會顯示在頁面上,點擊右鍵並選擇 「複製圖片位址」,以獲取圖片的 URL。

優點:使用 AI 生成圖片,可以為你的應用提供獨特且專屬的背景效果。

方法四:使用範例圖片

  1. 選擇範例圖片

  2. 自動複製圖片連結

    • 點擊範例圖片,系統會自動複製該圖片的連結到剪貼板。

優點

  • 範例圖片是經過精心挑選的,無需擔心版權問題。
  • 無需額外操作來獲取連結,並且自動複製功能能夠簡化設置過程。

最後提醒

  • 版權與授權:請確保你擁有使用網路上圖片的適當權限,尤其是來自第三方網站或工具的圖片。這樣可以避免潛在的法律風險。
  • 圖片品質:選擇高解析度的圖片可以確保背景的清晰度和視覺效果。

2. 匯出檔案整理

我們提供了一個附加的工具來幫助整理和管理您的匯出檔案。這個工具允許您進行以下操作:

  1. 上傳檔案: 您可以上傳之前匯出的檔案。這些檔案可以包含多首歌曲和投影片內容。
  2. 調整歌曲順序: 使用工具內的介面來調整歌曲的順序,以便按照您的需求播放。
  3. 合併檔案: 如果您有多個匯出檔案,可以將它們合併成一個檔案,以便於管理和播放。
  4. 保存整理後的檔案: 完成整理和排序後,您可以下載整理後的檔案,以備後續使用。

這個工具的連結: https://philipp314.github.io/lyricsPPT/join_json.html


3. 範例JSON文件

為了幫助您快速上手並瞭解本工具的使用方法,我們提供了一個JSON檔案範例,您可以使用這個檔案進行練習和測試。

您可以從以下連結下載範例檔案:https://philipp314.github.io/lyricsPPT/test.json

About

make lyrics PPT fast

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages