中畫網

標題: 代碼音畫《澳洲采影》 [打印本頁]

作者: 西椅子胡同 時間: 2021-9-5 05:49
標題: 代碼音畫《澳洲采影》
自2022年起，本音畫因圖片音樂斷鏈不顯圖了，下面是用腦本地文件轉換的視頻：

作者: 靜思的 時間: 2021-9-5 06:42

作者: 195400 時間: 2021-9-5 07:24
風光大片，贊！

作者: 西椅子胡同 時間: 2021-9-5 09:31

靜思的發表于 2021-9-5 06:42

謝謝您鼓勵，問您好！
[attach]183119[/attach]

作者: 西椅子胡同 時間: 2021-9-5 09:55

195400 發表于 2021-9-5 07:24
風光大片，贊！

謝謝195400老師鮮花鼓勵！

這個音畫中的圖片是我在美篇和新華網論壇的老朋友京城老牛拍攝的。

作者: 諾北 時間: 2021-9-5 19:45
很不錯，欣賞了

作者: 西椅子胡同 時間: 2021-9-6 05:05

諾北發表于 2021-9-5 19:45
很不錯，欣賞了

謝謝諾北管理員鼓勵，問您好！

這個帖子中的多數圖片是寬幅面的，順時針轉向90度以高幅圖片形式上傳美篇。這個帖子用marquee將這種圖片網址與普通幅面的圖片網址組織在一起，讓圖片向左滾動。

作者: 雄鷹翱翔 時間: 2021-9-6 09:32
欣賞佳作贊一個！

作者: 西椅子胡同 時間: 2021-9-7 05:27

雄鷹翱翔發表于 2021-9-6 09:32
欣賞佳作贊一個！

謝謝雄鷹版主鼓勵，問您好！

作者: 紅楓 時間: 2021-9-7 10:12

作者: 西椅子胡同 時間: 2021-9-8 05:39

紅楓發表于 2021-9-7 10:12
var lxtxt =[">lmth/

謝謝紅楓老師熱情鼓勵，問您好！向您學習！

作者: 西椅子胡同 時間: 2021-9-8 06:04
這是用SVG代碼做的：

作者: 195400 時間: 2021-9-8 10:29

西椅子胡同發表于 2021-9-8 06:04
這是用SVG代碼做的：

個人看法：

1. 做循環滾動畫面svg并沒有優勢，css要簡單直觀一些，但文字描述的隱現svg更容易定位；

2. 這帖好像不是無限循環的，是不是我的瀏覽器有問題？

作者: 西椅子胡同 時間: 2021-9-8 12:59

195400 發表于 2021-9-8 10:29
個人看法：
1. 做循環滾動畫面svg并沒有優勢，css要簡單直觀一些，但文字描述的隱現svg更容易定位 ...

問好195400老師！

這個用SVG做的音畫是循環播放的,但沒測試過是否是無限循環。

在我的電腦上，用360安全瀏覽器、QQ瀏覽器和Edge瀏覽器都可以循環播，不足之處是：在重播時，首圖滾動到接近左側時會返回重新開始播放（就是首圖在重播時會出現兩次，但不影響后面各圖），這可能是我設的設置存在問題，過后會查找原因。

我覺得這種播放時間較長的音畫還是用點擊重播更合適些。

從您和紅楓老師的作品明顯看出css動畫的優越性，這方面我接觸較少，還沒有系統學CSS，以后爭取能學一學（近幾年忙于為我年近八十的老同學們做視頻、音畫和美篇，忙的一塌糊塗）。

您和紅楓老師的作品使我大開眼界并意識到自己在學用代碼方面存在的嚴重不足，在力所能及的條件下爭取能有所改進。

作者: 195400 時間: 2021-9-8 14:59

西椅子胡同發表于 2021-9-8 12:59
問好195400老師！

這個用SVG做的音畫是循環播放的,但沒測試過是否是無限循環。

偶然發現，chrome瀏覽器停在此頁面過段時間再看就是一片空白[attach]183152[/attach]

現在打開其它幾個瀏覽器觀察（edge、firefox、qq）是否會出現同樣的現象。

作者: 西椅子胡同 時間: 2021-9-8 17:52
在我的電腦上，用chrome瀏覽器放完第四遍仍是正常播放。用360安全瀏覽也是這樣、

作者: 195400 時間: 2021-9-8 18:45

西椅子胡同發表于 2021-9-8 17:52
在我的電腦上，用chrome瀏覽器放完第四遍仍是正常播放。用360安全瀏覽也是這樣、

chrome最先停止，然后是edge， QQ堅持了很長時間也停了，現在只有firefox仍在堅持著。

我是把這些瀏覽器同時打開同一個頁面，然后過段時間來看一下，就是chrome也不是只走幾遍就停了的。

作者: 195400 時間: 2021-9-8 20:38
firefox仍在堅持著。

作者: 西椅子胡同 時間: 2021-9-9 04:53
您是給瀏覽器搞馬拉松比賽那，chrome體力不支率先退賽，火狐耐力好堅持到了最后。

經過這些實際使用檢測，表明您的循環播放設置方法挺好！謝謝！

作者: 195400 時間: 2021-9-9 08:28
圖片旋轉有意思，挑了幾幅做個試驗

作者: 西椅子胡同 時間: 2021-9-9 09:32

195400 發表于 2021-9-9 08:28
圖片旋轉有意思，挑了幾幅做個試驗

計算值精確到小數點后兩位，相當的準確了！

你我的計算、設置方法目的一致，效果相近，你的方法使我很受啟發，謝謝你！

[attach]183169[/attach]

作者: 195400 時間: 2021-9-9 10:58

西椅子胡同發表于 2021-9-9 09:32
計算值精確到小數點后兩位，相當的準確了！

你我的計算、設置方法目的一致，效果相近，你的方法使我很 ...

SVG 的時間最小為1ms

歡迎光臨中畫網 (http://www.nujv.cn/)